Kolor HEX #b34d74

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #b34d74. Najbardziej podobny do niego kolor to IndianRed (#cd5c5c), którego odcień to czerwony. W palecie kolorów X11 nie występuje kolor #b34d74. Najbardziej podobny do niego kolor to Medium Ruby (#aa4069 ).

Konwersja z HEX kolor #b34d74

RGB179
70%
77
30%
116
45%
HSV337º57%70%
HSL337.1º40.2%50.2%
CMYK0
0%
0.57
57%
0.35
35%
0.3
30%
SystemCzerwonyZielonyNiebieski
HEXb34d74
RGB decimal17977116
Octal263115164
Binary101100110100110101110100
Decimal (0-16777215)11750772

Kolor #b34d74 (0xB34D74) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc6666. #b34d74 jest kolorem ciemnym, którego poziom jasności wynosi 112/255. Współczynnik kontrastu do koloru białego to 4.96 : 1.

Skala szarości
#808080
Kolor bazowy
#b34d74

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) #b34d74: kąt barwy 337.1º, nasycenie: 40.2%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 337º, nasycenie koloru: 57%, a jasność 70%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ff0162
saturacja +20
#d9276b
saturacja +10
#c04071
saturacja -10
#f20e65
saturacja -20
#d9276b
saturacja -30
#b34d74

Luminacja (Lightness)

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

luminacja +30
#e1b8c8
luminacja +20
#d294ac
luminacja +10
#c27190
luminacja -10
#903d5d
luminacja -20
#6c2e46
luminacja -30
#481f2f

Jasność koloru (Brightness)

jasność +10
#cd678e
jasność +20
#e680a7
jasność +30
#ff9ac1
jasność +40
#ffb3da

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.

#b34d74
#b7567b
#bb5f82
#c27190
#ca829e
#d194ac
#d9a6ba
#e1b8c7
#e8cad5
#f0dbe3
#f7edf1
#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.

#b34d74
#aa496e
#a14568
#8f3e5d
#7d3651
#6b2e46
#5a273a
#481f2e
#361723
#240f17
#12080c
#000000

Spin koloru

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

Mix koloru

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

#b34d74
#ae5275
#a95776
#9e6179
#946b7b
#8a757d
#808080
#758a82
#6b9484
#619e86
#56a889
#4cb28b

Kolory RGB

Kolor HEX #b34d74

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(179,77,116). Kolor czerwony (R) ma wartość 179 czyli 70% wartości maksymalnej wartości czerwonego lub 48% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 77 czyli 30% wartości maksymalnej wartości zielonego lub 21% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 116 czyli 45% wartości maksymalnej wartości niebieskiego lub 31% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 372 czyli 49% maksymalnej wartości (765).

Czerwony 70%
Zielony 30%
Niebieski 45%
czerwony 48%     ||     zielony 21%     ||     niebieski 31%

Kolory CMYK

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

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

Kolor czcionki #b34d74

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

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

Kolor tła #b34d74

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

Kolor tła #b34d74

Kolor obramowania #b34d74

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

Kolor ramki #b34d74