Kolor HEX #2f3e61

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #2f3e61. Najbardziej podobny do niego kolor to DarkSlateGray (#2f4f4f), którego odcień to szary. W palecie kolorów X11 nie występuje kolor #2f3e61. Najbardziej podobny do niego kolor to Charcoal (#36454f ).

Konwersja z HEX kolor #2f3e61

RGB47
18%
62
24%
97
38%
HSV222º52%38%
HSL222º34.7%28.2%
CMYK0.52
52%
0.36
36%
0
0%
0.62
62%
SystemCzerwonyZielonyNiebieski
HEX2f3e61
RGB decimal476297
Octal5776141
Binary001011110011111001100001
Decimal (0-16777215)3096161

Kolor #2f3e61 (0x2F3E61) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #333366. #2f3e61 jest kolorem ciemnym, którego poziom jasności wynosi 62/255. Współczynnik kontrastu do koloru białego to 10.98 : 1.

Skala szarości
#484848
Kolor bazowy
#2f3e61

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) #2f3e61: kąt barwy 222º, nasycenie: 34.7%, jasność: 28.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 222º, nasycenie koloru: 52%, a jasność 38%.

Nasycenie koloru (Saturation)

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

saturacja +30
#042d8c
saturacja +20
#193576
saturacja +10
#283b68
saturacja -10
#0b3085
saturacja -20
#193576
saturacja -30
#2f3e61

Luminacja (Lightness)

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

luminacja +30
#6f86b9
luminacja +20
#506aa6
luminacja +10
#405483
luminacja -10
#1e283f
luminacja -20
#0e121c
luminacja -30
#000000

Jasność koloru (Brightness)

jasność +10
#49587b
jasność +20
#627194
jasność +30
#7c8bae
jasność +40
#95a4c7

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.

#2f3e61
#394869
#445171
#596581
#6d7890
#828ba0
#979fb0
#acb2c0
#c1c5d0
#d5d8df
#eaecef
#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.

#2f3e61
#2d3b5c
#2a3857
#26324e
#212b44
#1c253a
#181f31
#131927
#0e131d
#090c13
#05060a
#000000

Spin koloru

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

Mix koloru

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

#2f3e61
#374564
#3f4b67
#4f586d
#5f6573
#6f7279
#808080
#908d86
#a09a8c
#b0a792
#c0b498
#d0c19e

Kolory RGB

Kolor HEX #2f3e61

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(47,62,97). Kolor czerwony (R) ma wartość 47 czyli 18% wartości maksymalnej wartości czerwonego lub 23% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 62 czyli 24% wartości maksymalnej wartości zielonego lub 30% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 97 czyli 38% wartości maksymalnej wartości niebieskiego lub 47% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 206 czyli 27% maksymalnej wartości (765).

Czerwony 18%
Zielony 24%
Niebieski 38%
czerwony 23%     ||     zielony 30%     ||     niebieski 47%

Kolory CMYK

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

Cyan 52%
Magenta 36%
Yellow 0%
Black 62%

Kolor czcionki #2f3e61

<p style="color:#2f3e61">Lorem ipsum...</p>

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

Kolor tła #2f3e61

<div style="background-color:#2f3e61">
Lorem ipsum...
</div>

Kolor tła #2f3e61

Kolor obramowania #2f3e61

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

Kolor ramki #2f3e61