Kolor HEX #0689cf

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #0689cf. Najbardziej podobny do niego kolor to DodgerBlue (#1e90ff), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #0689cf. Najbardziej podobny do niego kolor to Blue Cola (#0088dc ).

Konwersja z HEX kolor #0689cf

RGB6
2%
137
54%
207
81%
HSV201º97%81%
HSL200.9º94.4%41.8%
CMYK0.97
97%
0.34
34%
0
0%
0.19
19%
SystemCzerwonyZielonyNiebieski
HEX0689cf
RGB decimal6137207
Octal6211317
Binary000001101000100111001111
Decimal (0-16777215)428495

Kolor #0689cf (0x0689CF) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #0099cc. #0689cf jest kolorem ciemnym, którego poziom jasności wynosi 106/255. Współczynnik kontrastu do koloru białego to 3.78 : 1.

Skala szarości
#6b6b6b
Kolor bazowy
#0689cf

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) #0689cf: kąt barwy 200.9º, nasycenie: 94.4%, jasność: 41.8%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 201º, nasycenie koloru: 97%, a jasność 81%.

Nasycenie koloru (Saturation)

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

saturacja +30
#008bd5
saturacja +20
#008bd5
saturacja +10
#008bd5
saturacja -10
#0b88cb
saturacja -20
#2081b5
saturacja -30
#407895

Luminacja (Lightness)

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

luminacja +30
#73ccfb
luminacja +20
#42b9fa
luminacja +10
#10a7f8
luminacja -10
#05689e
luminacja -20
#03486c
luminacja -30
#02273a

Jasność koloru (Brightness)

jasność +10
#20a3e9
jasność +20
#39bcff
jasność +30
#53d6ff
jasność +40
#6cefff

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.

#0689cf
#128fd1
#1f95d4
#38a1d9
#51acdd
#6ab8e2
#83c4e7
#9bd0ec
#b4dcf1
#cde7f5
#e6f3fa
#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.

#0689cf
#0682c5
#057bba
#056ea6
#046091
#04527c
#034568
#023753
#02293e
#011b29
#010e15
#000000

Spin koloru

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

Mix koloru

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

#0689cf
#1288c7
#1e87bf
#3785af
#4f839f
#67818f
#808080
#987e70
#b07c60
#c87a50
#e17840
#f97630

Kolory RGB

Kolor HEX #0689cf

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(6,137,207). Kolor czerwony (R) ma wartość 6 czyli 2% wartości maksymalnej wartości czerwonego lub 2% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 137 czyli 54% wartości maksymalnej wartości zielonego lub 39% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 207 czyli 81% wartości maksymalnej wartości niebieskiego lub 59% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 350 czyli 46% maksymalnej wartości (765).

Czerwony 2%
Zielony 54%
Niebieski 81%
czerwony 2%     ||     zielony 39%     ||     niebieski 59%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 97% cyjanu, 34% magenty, 0% żółtego i 19% czarnego.

Cyan 97%
Magenta 34%
Yellow 0%
Black 19%

Kolor czcionki #0689cf

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

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

Kolor tła #0689cf

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

Kolor tła #0689cf

Kolor obramowania #0689cf

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

Kolor ramki #0689cf