Kolor HEX #5eb7c3

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #5eb7c3. Najbardziej podobny do niego kolor to MediumAquamarine (#66cdaa), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #5eb7c3. Najbardziej podobny do niego kolor to Crystal Blue (#68a0b0 ).

Konwersja z HEX kolor #5eb7c3

RGB94
37%
183
72%
195
76%
HSV187º52%76%
HSL187.1º45.7%56.7%
CMYK0.52
52%
0.06
6%
0
0%
0.24
24%
SystemCzerwonyZielonyNiebieski
HEX5eb7c3
RGB decimal94183195
Octal136267303
Binary010111101011011111000011
Decimal (0-16777215)6207427

Kolor #5eb7c3 (0x5EB7C3) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #66cccc. #5eb7c3 jest kolorem jasnym, którego poziom jasności wynosi 158/255. Współczynnik kontrastu do koloru białego to 2.29 : 1.

Skala szarości
#919191
Kolor bazowy
#5eb7c3

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) #5eb7c3: kąt barwy 187.1º, nasycenie: 45.7%, jasność: 56.7%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 187º, nasycenie koloru: 52%, a jasność 76%.

Nasycenie koloru (Saturation)

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

saturacja +30
#22e5ff
saturacja +20
#3dd0e4
saturacja +10
#53c0ce
saturacja -10
#2ddcf4
saturacja -20
#43ccde
saturacja -30
#64b2bd

Luminacja (Lightness)

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

luminacja +30
#cee9ed
luminacja +20
#a8d8df
luminacja +10
#83c8d1
luminacja -10
#41a1ae
luminacja -20
#337e88
luminacja -30
#255c63

Jasność koloru (Brightness)

jasność +10
#78d1dd
jasność +20
#91eaf6
jasność +30
#abffff
jasność +40
#c4ffff

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.

#5eb7c3
#66bbc6
#6ebec9
#7ec5cf
#8ecdd5
#9ed4db
#afdbe1
#bfe2e7
#cfe9ed
#dff1f3
#eff8f9
#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.

#5eb7c3
#59aeb9
#55a5b0
#4b929c
#428089
#386e75
#2f5c62
#26494e
#1c373b
#132527
#091214
#000000

Spin koloru

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

Mix koloru

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

#5eb7c3
#61b1bc
#65acb6
#6ba1a8
#72969b
#798b8d
#808080
#867472
#8d6965
#945e57
#9a534a
#a1483c

Kolory RGB

Kolor HEX #5eb7c3

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(94,183,195). Kolor czerwony (R) ma wartość 94 czyli 37% wartości maksymalnej wartości czerwonego lub 20% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 183 czyli 72% wartości maksymalnej wartości zielonego lub 39% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 195 czyli 76% wartości maksymalnej wartości niebieskiego lub 41% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 472 czyli 62% maksymalnej wartości (765).

Czerwony 37%
Zielony 72%
Niebieski 76%
czerwony 20%     ||     zielony 39%     ||     niebieski 41%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 52% cyjanu, 6% magenty, 0% żółtego i 24% czarnego.

Cyan 52%
Magenta 6%
Yellow 0%
Black 24%

Kolor czcionki #5eb7c3

<p style="color:#5eb7c3">Lorem ipsum...</p>

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

Kolor tła #5eb7c3

<div style="background-color:#5eb7c3">
Lorem ipsum...
</div>

Kolor tła #5eb7c3

Kolor obramowania #5eb7c3

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

Kolor ramki #5eb7c3