#306A89 kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #306A89

#306A89

W przestrzeni kolorów RGB hex #306A89 składa się z 19% red, 42% green i 54% blue. Kod koloru RGB składa się z szesnastkowego 30 red (48/255), 6A green (106/255) i 89 blue (137/255). Dziesiętny kod koloru RGB to rgb(48,106,137) W przestrzeni kolorów CMYK składa się z 65% cyan, 23% magenta, 0% yellow i 46% black. Ma kąt barwy 200.9o stopni, nasycenie 48% i lekkość 36%. Najbliższy bezpieczny kolor to: #336699 rgb (51, 102, 153).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #306A89 ma wartości RGB R:48, G:106, B:137 i wartości CMYK C:65, M:23, Y:0, K:46. Jego wartość dziesiętna to 3173001. Kod binarny to 1100000110101010001001
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 306A89  #306A89 RGB dziesiętny 48, 106, 137  rgb(48, 106, 137) RGB % 19, 42, 54  rgb(19%, 42%, 54%) RGB Adobe 72, 106, 135 CMYK % 65, 23, 0, 46  65%, 23%, 0%, 46% HSL 200.9o, 48, 36  hsl(200.9o, 48%, 36%) HSV (HSB) 201o, 65%, 54%  hsv(201o, 65%, 54%)

Web Safe kolor #336699 rgb (51, 102, 153) XYZ 10.888, 12.743 25.553 xyY 0.22, 0.26, 12.74 Hunter-Lab 35.7, -6.22, -20.14 CMY 81%, 58%, 46% Lab 42.01, -11.9, -23.22 Binarna kolor 30 6A 89 110000 1101010 10001001

Odcienie i odcienie #306A89

---

Odcień uzyskuje się przez dodanie czerni do oryginalnego koloru w kodzie odcienia.
Odcień powstaje poprzez zmieszanie koloru z bielą.
Użyj palety, aby wybrać kolor lub suwaków, aby ustawić komponenty RGB, HSV, CMYK.
Na przykład tutaj: #0A151A to najciemniejszy kolor, a: #D6E1E9 to najjaśniejszy kolor.

Zmiana koloru odcienia #306A89

#4F809B rgb (79,128,155) #4F809B #6993AA rgb (105,147,170) #6993AA #80A3B7 rgb (128,163,183) #80A3B7 #93B1C2 rgb (147,177,194) #93B1C2 #A3BDCB rgb (163,189,203) #A3BDCB #B1C7D3 rgb (177,199,211) #B1C7D3 #BDCFDA rgb (189,207,218) #BDCFDA #C7D6E0 rgb (199,214,224) #C7D6E0 #CFDCE5 rgb (207,220,229) #CFDCE5 #D6E1E9 rgb (214,225,233) #D6E1E9

Zmienność koloru odcienia

#295A74 rgb (41,90,116) #295A74 #234D63 rgb (35,77,99) #234D63 #1E4154 rgb (30,65,84) #1E4154 #1A3747 rgb (26,55,71) #1A3747 #162F3C rgb (22,47,60) #162F3C #132833 rgb (19,40,51) #132833 #10222B rgb (16,34,43) #10222B #0E1D25 rgb (14,29,37) #0E1D25 #0C191F rgb (12,25,31) #0C191F #0A151A rgb (10,21,26) #0A151A

Tony #306A89

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #386C88 jest mniej nasyconym kolorem, a #647885 jest najbardziej nasyconym.

#386C88 rgb (56,108,136) #386C88 #3F6E87 rgb (63,110,135) #3F6E87 #467086 rgb (70,112,134) #467086 #4C7285 rgb (76,114,133) #4C7285 #517385 rgb (81,115,133) #517385 #567485 rgb (86,116,133) #567485 #5A7585 rgb (90,117,133) #5A7585 #5E7685 rgb (94,118,133) #5E7685 #617785 rgb (97,119,133) #617785 #647885 rgb (100,120,133) #647885

Alternatywy dla #306A89

---

Poniżej możesz zobaczyć kolory zbliżone do #306A89. Posiadanie zestawu powiązanych kolorów może być przydatne, jeśli potrzebujesz inspirującej alternatywy lub innych kolorów zbliżonych do oryginalnego wyboru kolorów.

#302E89 rgb (48,46,137) #302E89 #304289 rgb (48,66,137) #304289 #305689 rgb (48,86,137) #305689 #307E89 rgb (48,126,137) #307E89 #309289 rgb (48,146,137) #309289 #30A689 rgb (48,166,137) #30A689

Szybkie użycie #306A89

---

Jak używać tego koloru na stronach internetowych, skryptach lub innych językach programowania wykorzystujących html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Kolor tekstu	Przykład koloru tła
Kolor tekstu	Przykład koloru tła
<font color="#306A89;">Text here</font>	<div style="background-color:#306A89;">Text here</div>

Podgląd kolorów na czarnym tle	Podgląd koloru na białym tle
podgląd kolorów na czarnym tle	podgląd koloru na białym tle
HTML kod <div style="background-color:#000000"> <font color="#306A89;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#306A89;">Text here</font> </div>

Cień div box	Kod CSS cienia tekstu
cień pudełka dla kolor #306A89	kod CSS cienia tekstu
HTML kod <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #306A89;"></div> CSS kod .box-shadow: 2px 2px 7px 1px;	CSS kod .text-shadow: 1px 2px 2px #306A89;

Kod html obramowania pola	Cień tekstu z wartościami RGB dla kolor #306A89
kod html obramowania pola dla kolor #306A89	cień tekstu z wartościami RGB
HTML kod <div style="background-color:#FFFFFF; border:1px solid #306A89;"></div>	CSS kod with RGB .text-shadow: 0px 2px 2px rgba(48, 106, 137, 1.4);

Wstępnie sformatowany kod 306A89	kod dla script / programming
HTML, CSS:	= #306A89; rgb(48, 106, 137)
Java:	= new Color(48, 106, 137)
.NET:	= Color.FromArgb (48, 106, 137);
Xojo:	= rgb (48, 106, 137, 0);
openGL:	= glColor3f (0.19f, 0.42f, 0.54f);
Swift:	= UIColor(red:0.19, green:0.42, blue:0.54, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.42 blue:0.54 alpha:1.00000];

Schematy kolorów z #306A89

---

Kolor monochromatyczny Monochromatyczne schematy kolorów są łatwe do stworzenia, ponieważ używają tylko jednego koloru. Schematy monochromatyczne wykorzystują różne odcienie pod tym samym kątem na kole kolorów (ten sam kąt), wystarczy zmienić nasycenie koloru +10% i masz nowy kolor monochromatyczny. W naszym przypadku kolor: 65% ma nasycenie #306A89. Dodanie 65% + 10% = 75% nasycenia dla naszego nowego koloru #194963. Zmniejszenie 65% - 10% = nasycenie 55% dla innego koloru monochromatycznego #4F8EB0. #4f8eb0 rgb (79,142,176) #4f8eb0 55% nasycenie #4f3e4a rgb (41,62,74) #4f3e4a 45% nasycenie #194963 rgb (25,73,99) #194963 75% nasycenie #0b344a rgb (11,52,74) #0b344a 85% nasycenie

Analogiczny kolor Analogiczne schematy kolorów są tworzone przy użyciu kolorów znajdujących się obok siebie na kole kolorów. Tylko +/- 30o po bokach kąta odcienia kolorów #303E8A rgb (48,62,138) #303E8A 231o #306A89 rgb (48,106,137) #306A89 201o #308A7C rgb (48,138,124) #308A7C 171o

Kolor uzupełniający Schematy uzupełniające są tworzone przez łączenie kolorów z przeciwnych stron koła kolorów. Po prostu dodaj 180 stopni do odcienia / kąta koloru i masz kolor uzupełniający. W naszym przypadku kolor: #306A89 ma kąt 201o. Dodanie 201o + 180o = 21oo dla naszego nowego koloru uzupełniającego #8A5030. #306A89 rgb (48,106,137) #306A89 201o #8A5030 rgb (138,80,48) #8A5030 21o

Podzielony kolor Schematy złożone lub podzielone schematy komplementarne są prawie takie same jak schematy uzupełniające. Zamiast używać kolorów, które są przeciwstawne, używa kolorów po obu stronach przeciwnego kąta odcienia. W naszym przypadku kolor: #306A89 ma kąt 201o. Dodanie 201o + 180o+30o = 51o dla naszego pierwszego koloru uzupełniającego #8A7C30. Zmniejszenie 201o + 180o-30o = 351o dla drugiego koloru uzupełniającego #8A303E. #8A303E rgb (138,48,62) #8A303E 351o #306A89 rgb (48,106,137) #306A89 201o #8A7C30 rgb (138,124,48) #8A7C30 51o

Kolor triady Schematy triady składają się z odcieni/kątów rozmieszczonych równomiernie wokół koła kolorów. Dodaj i zmniejsz +/- 120 stopni po obu stronach kąta odcienia koloru. #8A306A rgb (138,48,106) #8A306A 321o #306A89 rgb (48,106,137) #306A89 201o #6A8A30 rgb (106,138,48) #6A8A30 81o

Kolor tetradyczny Schematy tetradyczne składają się z odcieni/kątów rozmieszczonych wokół koła kolorów. Dodaj 120,180,300 stopni do kąta odcienia koloru. #8A306A rgb (138,48,106) #8A306A 321o #306A89 rgb (48,106,137) #306A89 201o #8A5030 rgb (138,80,48) #8A5030 21o #308A50 rgb (48,138,80) #308A50 141o