Kolor HEX #9ca3d9

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #9ca3d9. Najbardziej podobny do niego kolor to LightSteelBlue (#b0c4de), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #9ca3d9. Najbardziej podobny do niego kolor to Blue Bell (#a2a2d0 ).

Konwersja z HEX kolor #9ca3d9

RGB156
61%
163
64%
217
85%
HSV233º28%85%
HSL233.1º44.5%73.1%
CMYK0.28
28%
0.25
25%
0
0%
0.15
15%
SystemCzerwonyZielonyNiebieski
HEX9ca3d9
RGB decimal156163217
Octal234243331
Binary100111001010001111011001
Decimal (0-16777215)10265561

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

Skala szarości
#bababa
Kolor bazowy
#9ca3d9

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) #9ca3d9: kąt barwy 233.1º, nasycenie: 44.5%, jasność: 73.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 233º, nasycenie koloru: 28%, a jasność 85%.

Nasycenie koloru (Saturation)

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

saturacja +30
#7686ff
saturacja +20
#8793ee
saturacja +10
#959ee0
saturacja -10
#7d8bf8
saturacja -20
#8a95ea
saturacja -30
#9fa5d6

Luminacja (Lightness)

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

luminacja +30
#ffffff
luminacja +20
#e6e7f5
luminacja +10
#c1c5e7
luminacja -10
#7781cb
luminacja -20
#525ebd
luminacja -30
#3d489f

Jasność koloru (Brightness)

jasność +10
#b6bdf3
jasność +20
#cfd6ff
jasność +30
#e9f0ff
jasność +40
#ffffff

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.

#9ca3d9
#a1a8db
#a6acdd
#b0b5e1
#babfe4
#c4c8e8
#ced1ec
#d7daf0
#e1e3f4
#ebedf7
#f5f6fb
#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.

#9ca3d9
#949bce
#8c93c3
#7d82ae
#6d7298
#5e6282
#4e526d
#3e4157
#2f3141
#1f212b
#101016
#000000

Spin koloru

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

Mix koloru

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

#9ca3d9
#999fd0
#969cc7
#9195b5
#8b8ea3
#858791
#808080
#7a786e
#74715c
#6e6a4a
#696338
#635c26

Kolory RGB

Kolor HEX #9ca3d9

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(156,163,217). Kolor czerwony (R) ma wartość 156 czyli 61% wartości maksymalnej wartości czerwonego lub 29% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 163 czyli 64% wartości maksymalnej wartości zielonego lub 30% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 217 czyli 85% wartości maksymalnej wartości niebieskiego lub 40% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 536 czyli 70% maksymalnej wartości (765).

Czerwony 61%
Zielony 64%
Niebieski 85%
czerwony 29%     ||     zielony 30%     ||     niebieski 40%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 28% cyjanu, 25% magenty, 0% żółtego i 15% czarnego.

Cyan 28%
Magenta 25%
Yellow 0%
Black 15%

Kolor czcionki #9ca3d9

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

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

Kolor tła #9ca3d9

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

Kolor tła #9ca3d9

Kolor obramowania #9ca3d9

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

Kolor ramki #9ca3d9