Kolor HEX #4d85b3

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #4d85b3. Najbardziej podobny do niego kolor to SteelBlue (#4682b4), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #4d85b3. Najbardziej podobny do niego kolor to Steel Blue (#4682b4 ).

Konwersja z HEX kolor #4d85b3

RGB77
30%
133
52%
179
70%
HSV207º57%70%
HSL207.1º40.2%50.2%
CMYK0.57
57%
0.26
26%
0
0%
0.3
30%
SystemCzerwonyZielonyNiebieski
HEX4d85b3
RGB decimal77133179
Octal115205263
Binary010011011000010110110011
Decimal (0-16777215)5080499

Kolor #4d85b3 (0x4D85B3) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #6699cc. #4d85b3 jest kolorem ciemnym, którego poziom jasności wynosi 122/255. Współczynnik kontrastu do koloru białego to 3.9 : 1.

Skala szarości
#808080
Kolor bazowy
#4d85b3

Opracowane w latach 70. XX wieku do zastosowań w grafice komputerowej HSL i HSV to dwie najpopularniejsze reprezentacje punktów w modelu kolorów RGB za pomocą współrzędnych cylindrycznych (cylindryczny układ współrzędnych), gdzie HSL oznacza odcień, nasycenie i jasność i często nazywany jest także HLS. HSV oznacza odcień, nasycenie i wartość i często jest również nazywany HSB ( B oznacza jasność ). Trzecim modelem, powszechnym w zastosowaniach związanych z wizją komputerową, jest HSI, określający barwę, nasycenie i intensywność.

Kolor HSL (cylindryczna reprezentacja koloru) #4d85b3: kąt barwy 207.1º, nasycenie: 40.2%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 207º, nasycenie koloru: 57%, a jasność 70%.

Nasycenie koloru (Saturation)

Zwiększ lub zmniejsz nasycenie koloru o określony procent.

saturacja +30
#018cff
saturacja +20
#2789d9
saturacja +10
#4086c0
saturacja -10
#0e8bf2
saturacja -20
#2789d9
saturacja -30
#4d85b3

Luminacja (Lightness)

Zmiana natężenia oświetlenia o określony procent.

luminacja +30
#b8cee1
luminacja +20
#94b6d2
luminacja +10
#719dc2
luminacja -10
#3d6a90
luminacja -20
#2e506c
luminacja -30
#1f3648

Jasność koloru (Brightness)

jasność +10
#679fcd
jasność +20
#80b8e6
jasność +30
#9ad2ff
jasność +40
#b3ebff

Odcień koloru (Tint)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z bielą, co zmniejsza intensywność koloru. Zwiększa luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#4d85b3
#568bb7
#5f91bb
#719dc2
#82aaca
#94b6d1
#a6c2d9
#b8cee1
#cadae8
#dbe7f0
#edf3f7
#ffffff

Odcień koloru (Shade)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z czernią, co zwiększa intensywność koloru. Zmniejsza luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#4d85b3
#497eaa
#4578a1
#3e6a8f
#365d7d
#2e506b
#27435a
#1f3548
#172836
#0f1b24
#080d12
#000000

Spin koloru

Obrót o określony kąt [-360, 360]

Mix koloru

Mix z kolorem odwróconym o określony procent.

#4d85b3
#5284ae
#5784a9
#61839e
#6b8294
#75818a
#808080
#8a7e75
#947d6b
#9e7c61
#a87b56
#b27a4c

Kolory RGB

Kolor HEX #4d85b3

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(77,133,179). Kolor czerwony (R) ma wartość 77 czyli 30% wartości maksymalnej wartości czerwonego lub 20% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 133 czyli 52% wartości maksymalnej wartości zielonego lub 34% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 179 czyli 70% wartości maksymalnej wartości niebieskiego lub 46% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 389 czyli 51% maksymalnej wartości (765).

Czerwony 30%
Zielony 52%
Niebieski 70%
czerwony 20%     ||     zielony 34%     ||     niebieski 46%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 57% cyjanu, 26% magenty, 0% żółtego i 30% czarnego.

Cyan 57%
Magenta 26%
Yellow 0%
Black 30%

Kolor czcionki #4d85b3

<p style="color:#4d85b3">Lorem ipsum...</p>

Przykładowy tekst z kolorem #4d85b3 czcionki: lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kolor tła #4d85b3

<div style="background-color:#4d85b3">
Lorem ipsum...
</div>

Kolor tła #4d85b3

Kolor obramowania #4d85b3

<div style="border:5px solid #4d85b3">
Lorem ipsum...
</p>

Kolor ramki #4d85b3