Kolor HEX #8b3c5a

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #8b3c5a. Najbardziej podobny do niego kolor to Sienna (#a0522d), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #8b3c5a. Najbardziej podobny do niego kolor to Deep Ruby (#843f5b ).

Konwersja z HEX kolor #8b3c5a

RGB139
55%
60
24%
90
35%
HSV337º57%55%
HSL337.2º39.7%39%
CMYK0
0%
0.57
57%
0.35
35%
0.45
45%
SystemCzerwonyZielonyNiebieski
HEX8b3c5a
RGB decimal1396090
Octal21374132
Binary100010110011110001011010
Decimal (0-16777215)9124954

Kolor #8b3c5a (0x8B3C5A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #993366. #8b3c5a jest kolorem ciemnym, którego poziom jasności wynosi 87/255. Współczynnik kontrastu do koloru białego to 7.35 : 1.

Skala szarości
#636363
Kolor bazowy
#8b3c5a

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) #8b3c5a: kąt barwy 337.2º, nasycenie: 39.7%, jasność: 39%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 337º, nasycenie koloru: 57%, a jasność 55%.

Nasycenie koloru (Saturation)

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

saturacja +30
#c7004c
saturacja +20
#a91e53
saturacja +10
#953258
saturacja -10
#bd0a4e
saturacja -20
#a91e53
saturacja -30
#8b3c5a

Luminacja (Lightness)

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

luminacja +30
#cf91a8
luminacja +20
#c06d8c
luminacja +10
#af4b71
luminacja -10
#672d43
luminacja -20
#441d2c
luminacja -30
#200e15

Jasność koloru (Brightness)

jasność +10
#a55674
jasność +20
#be6f8d
jasność +30
#d889a7
jasność +40
#f1a2c0

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.

#8b3c5a
#914662
#97506b
#a2637b
#ae778c
#b98a9c
#c59ead
#d1b1bd
#dcc5ce
#e8d8de
#f3ecef
#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.

#8b3c5a
#843956
#7d3651
#6f3048
#612a3f
#532436
#461e2d
#381824
#2a121b
#1c0c12
#0e0609
#000000

Spin koloru

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

Mix koloru

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

#8b3c5a
#8a435e
#894a62
#865769
#846571
#827278
#808080
#7d8d87
#7b9b8f
#79a896
#76b69e
#74c3a5

Kolory RGB

Kolor HEX #8b3c5a

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(139,60,90). Kolor czerwony (R) ma wartość 139 czyli 55% wartości maksymalnej wartości czerwonego lub 48% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 60 czyli 24% wartości maksymalnej wartości zielonego lub 21% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 90 czyli 35% wartości maksymalnej wartości niebieskiego lub 31% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 289 czyli 38% maksymalnej wartości (765).

Czerwony 55%
Zielony 24%
Niebieski 35%
czerwony 48%     ||     zielony 21%     ||     niebieski 31%

Kolory CMYK

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

Cyan 0%
Magenta 57%
Yellow 35%
Black 45%

Kolor czcionki #8b3c5a

<p style="color:#8b3c5a">Lorem ipsum...</p>

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

Kolor tła #8b3c5a

<div style="background-color:#8b3c5a">
Lorem ipsum...
</div>

Kolor tła #8b3c5a

Kolor obramowania #8b3c5a

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

Kolor ramki #8b3c5a