Kolor HEX #38a686

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #38a686. Najbardziej podobny do niego kolor to MediumSeaGreen (#3cb371), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #38a686. Najbardziej podobny do niego kolor to Medium Sea Green (#3cb371 ).

Konwersja z HEX kolor #38a686

RGB56
22%
166
65%
134
53%
HSV163º66%65%
HSL162.5º49.5%43.5%
CMYK0.66
66%
0
0%
0.19
19%
0.35
35%
SystemCzerwonyZielonyNiebieski
HEX38a686
RGB decimal56166134
Octal70246206
Binary001110001010011010000110
Decimal (0-16777215)3712646

Kolor #38a686 (0x38A686) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #339999. #38a686 jest kolorem jasnym, którego poziom jasności wynosi 129/255. Współczynnik kontrastu do koloru białego to 2.97 : 1.

Skala szarości
#6f6f6f
Kolor bazowy
#38a686

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) #38a686: kąt barwy 162.5º, nasycenie: 49.5%, jasność: 43.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 163º, nasycenie koloru: 66%, a jasność 65%.

Nasycenie koloru (Saturation)

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

saturacja +30
#00de9d
saturacja +20
#17c794
saturacja +10
#2db18a
saturacja -10
#0bd399
saturacja -20
#21bd8f
saturacja -30
#439b81

Luminacja (Lightness)

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

luminacja +30
#9addc9
luminacja +20
#74d0b5
luminacja +10
#4ec3a1
luminacja -10
#2b8067
luminacja -20
#1e5a48
luminacja -30
#11332a

Jasność koloru (Brightness)

jasność +10
#52c0a0
jasność +20
#6bd9b9
jasność +30
#85f3d3
jasność +40
#9effec

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.

#38a686
#42aa8c
#4caf92
#60b89e
#74c1aa
#88cab6
#9cd3c3
#afdbcf
#c3e4db
#d7ede7
#ebf6f3
#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.

#38a686
#359e7f
#329579
#2d856b
#27745e
#226450
#1c5343
#164236
#113228
#0b211b
#06110d
#000000

Spin koloru

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

Mix koloru

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

#38a686
#3fa285
#469e85
#559783
#638f82
#718781
#808080
#8e787e
#9c707d
#aa687c
#b9617a
#c75979

Kolory RGB

Kolor HEX #38a686

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(56,166,134). Kolor czerwony (R) ma wartość 56 czyli 22% wartości maksymalnej wartości czerwonego lub 16% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 166 czyli 65% wartości maksymalnej wartości zielonego lub 47% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 134 czyli 53% wartości maksymalnej wartości niebieskiego lub 38% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 356 czyli 47% maksymalnej wartości (765).

Czerwony 22%
Zielony 65%
Niebieski 53%
czerwony 16%     ||     zielony 47%     ||     niebieski 38%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 66% cyjanu, 0% magenty, 19% żółtego i 35% czarnego.

Cyan 66%
Magenta 0%
Yellow 19%
Black 35%

Kolor czcionki #38a686

<p style="color:#38a686">Lorem ipsum...</p>

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

Kolor tła #38a686

<div style="background-color:#38a686">
Lorem ipsum...
</div>

Kolor tła #38a686

Kolor obramowania #38a686

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

Kolor ramki #38a686