Kolor HEX #c6ac3a

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #c6ac3a. Najbardziej podobny do niego kolor to Goldenrod (#daa520), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #c6ac3a. Najbardziej podobny do niego kolor to Lemon Curry (#cca01d ).

Konwersja z HEX kolor #c6ac3a

RGB198
78%
172
67%
58
23%
HSV49º71%78%
HSL48.9º55.1%50.2%
CMYK0
0%
0.13
13%
0.71
71%
0.22
22%
SystemCzerwonyZielonyNiebieski
HEXc6ac3a
RGB decimal19817258
Octal30625472
Binary110001101010110000111010
Decimal (0-16777215)13020218

Kolor #c6ac3a (0xC6AC3A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc9933. #c6ac3a jest kolorem jasnym, którego poziom jasności wynosi 167/255. Współczynnik kontrastu do koloru białego to 2.21 : 1.

Skala szarości
#808080
Kolor bazowy
#c6ac3a

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) #c6ac3a: kąt barwy 48.9º, nasycenie: 55.1%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 49º, nasycenie koloru: 71%, a jasność 78%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ffd001
saturacja +20
#ecc414
saturacja +10
#d3b42d
saturacja -10
#f2c80e
saturacja -20
#d9b827
saturacja -30
#b3a04d

Luminacja (Lightness)

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

luminacja +30
#e8deb1
luminacja +20
#ddcd89
luminacja +10
#d1bd62
luminacja -10
#9f8a2e
luminacja -20
#776823
luminacja -30
#504517

Jasność koloru (Brightness)

jasność +10
#e0c654
jasność +20
#f9df6d
jasność +30
#fff987
jasność +40
#ffffa0

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.

#c6ac3a
#c9b044
#ccb44e
#d1bd61
#d7c575
#ddcd89
#e3d69d
#e8deb0
#eee6c4
#f4eed8
#f9f7eb
#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.

#c6ac3a
#bca337
#b29b34
#9e8a2e
#8b7829
#776723
#63561d
#4f4517
#3b3411
#28220c
#141106
#000000

Spin koloru

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

Mix koloru

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

#c6ac3a
#bfa841
#b8a348
#aa9a56
#9c9164
#8e8872
#808080
#71778d
#636e9b
#5565a9
#475cb7
#3953c5

Kolory RGB

Kolor HEX #c6ac3a

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(198,172,58). Kolor czerwony (R) ma wartość 198 czyli 78% wartości maksymalnej wartości czerwonego lub 46% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 172 czyli 67% wartości maksymalnej wartości zielonego lub 40% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 58 czyli 23% wartości maksymalnej wartości niebieskiego lub 14% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 428 czyli 56% maksymalnej wartości (765).

Czerwony 78%
Zielony 67%
Niebieski 23%
czerwony 46%     ||     zielony 40%     ||     niebieski 14%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 13% magenty, 71% żółtego i 22% czarnego.

Cyan 0%
Magenta 13%
Yellow 71%
Black 22%

Kolor czcionki #c6ac3a

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

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

Kolor tła #c6ac3a

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

Kolor tła #c6ac3a

Kolor obramowania #c6ac3a

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

Kolor ramki #c6ac3a