#686B7E kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #686B7E

#686B7E

W przestrzeni kolorów RGB hex #686B7E składa się z 41% red, 42% green i 49% blue. Kod koloru RGB składa się z szesnastkowego 68 red (104/255), 6B green (107/255) i 7E blue (126/255). Dziesiętny kod koloru RGB to rgb(104,107,126) W przestrzeni kolorów CMYK składa się z 17% cyan, 15% magenta, 0% yellow i 51% black. Ma kąt barwy 231.82o stopni, nasycenie 10% i lekkość 45%. Najbliższy bezpieczny kolor to: #666666 rgb (102, 102, 102).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #686B7E ma wartości RGB R:104, G:107, B:126 i wartości CMYK C:17, M:15, Y:0, K:51. Jego wartość dziesiętna to 6843262. Kod binarny to 11010000110101101111110
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 686B7E  #686B7E RGB dziesiętny 104, 107, 126  rgb(104, 107, 126) RGB % 41, 42, 49  rgb(41%, 42%, 49%) RGB Adobe 105, 107, 124 CMYK % 17, 15, 0, 51  17%, 15%, 0%, 51% HSL 231.82o, 10, 45  hsl(231.82o, 10%, 45%) HSV (HSB) 232o, 17%, 49%  hsv(232o, 17%, 49%)

Web Safe kolor #666666 rgb (102, 102, 102) XYZ 14.733, 14.965 21.851 xyY 0.29, 0.29, 14.97 Hunter-Lab 38.68, 2.39, -8.84 CMY 59%, 58%, 51% Lab 45.48, 2.02, -11.01 Binarna kolor 68 6B 7E 1101000 1101011 1111110

Odcienie i odcienie #686B7E

---

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: #141519 to najciemniejszy kolor, a: #E1E2E6 to najjaśniejszy kolor.

Zmiana koloru odcienia #686B7E

#7F8191 rgb (127,129,145) #7F8191 #9294A2 rgb (146,148,162) #9294A2 #A2A4B0 rgb (162,164,176) #A2A4B0 #B0B2BC rgb (176,178,188) #B0B2BC #BCBEC6 rgb (188,190,198) #BCBEC6 #C6C8CF rgb (198,200,207) #C6C8CF #CFD0D6 rgb (207,208,214) #CFD0D6 #D6D7DC rgb (214,215,220) #D6D7DC #DCDDE1 rgb (220,221,225) #DCDDE1 #E1E2E6 rgb (225,226,230) #E1E2E6

Zmienność koloru odcienia

#585B6B rgb (88,91,107) #585B6B #4B4D5B rgb (75,77,91) #4B4D5B #40414D rgb (64,65,77) #40414D #363741 rgb (54,55,65) #363741 #2E2F37 rgb (46,47,55) #2E2F37 #27282F rgb (39,40,47) #27282F #212228 rgb (33,34,40) #212228 #1C1D22 rgb (28,29,34) #1C1D22 #18191D rgb (24,25,29) #18191D #141519 rgb (20,21,25) #141519

Tony #686B7E

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #6A6D7E jest mniej nasyconym kolorem, a #77797E jest najbardziej nasyconym.

#6A6D7E rgb (106,109,126) #6A6D7E #6C6F7E rgb (108,111,126) #6C6F7E #6E717E rgb (110,113,126) #6E717E #70737E rgb (112,115,126) #70737E #72747E rgb (114,116,126) #72747E #73757E rgb (115,117,126) #73757E #74767E rgb (116,118,126) #74767E #75777E rgb (117,119,126) #75777E #76787E rgb (118,120,126) #76787E #77797E rgb (119,121,126) #77797E

Alternatywy dla #686B7E

---

Poniżej możesz zobaczyć kolory zbliżone do #686B7E. 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.

#682F7E rgb (104,47,126) #682F7E #68437E rgb (104,67,126) #68437E #68577E rgb (104,87,126) #68577E #687F7E rgb (104,127,126) #687F7E #68937E rgb (104,147,126) #68937E #68A77E rgb (104,167,126) #68A77E

Szybkie użycie #686B7E

---

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="#686B7E;">Text here</font>	<div style="background-color:#686B7E;">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="#686B7E;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#686B7E;">Text here</font> </div>

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

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

Wstępnie sformatowany kod 686B7E	kod dla script / programming
HTML, CSS:	= #686B7E; rgb(104, 107, 126)
Java:	= new Color(104, 107, 126)
.NET:	= Color.FromArgb (104, 107, 126);
Xojo:	= rgb (104, 107, 126, 0);
openGL:	= glColor3f (0.41f, 0.42f, 0.49f);
Swift:	= UIColor(red:0.41, green:0.42, blue:0.49, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.42 blue:0.49 alpha:1.00000];

Schematy kolorów z #686B7E

---

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: 17% ma nasycenie #686B7E. Dodanie 17% + 10% = 27% nasycenia dla naszego nowego koloru #3F4257. Zmniejszenie 17% - 10% = nasycenie 7% dla innego koloru monochromatycznego #9899A3. #9899a3 rgb (152,153,163) #9899a3 7% nasycenie #983d3d rgb (61,61,61) #983d3d 0% nasycenie #3f4257 rgb (63,66,87) #3f4257 27% nasycenie #272a3d rgb (39,42,61) #272a3d 37% 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 #6F687D rgb (111,104,125) #6F687D 262o #686B7E rgb (104,107,126) #686B7E 232o #68757D rgb (104,117,125) #68757D 202o

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: #686B7E ma kąt 232o. Dodanie 232o + 180o = 52oo dla naszego nowego koloru uzupełniającego #7D7A68. #686B7E rgb (104,107,126) #686B7E 232o #7D7A68 rgb (125,122,104) #7D7A68 52o

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: #686B7E ma kąt 232o. Dodanie 232o + 180o+30o = 82o dla naszego pierwszego koloru uzupełniającego #757D68. Zmniejszenie 232o + 180o-30o = 22o dla drugiego koloru uzupełniającego #7D6F68. #7D6F68 rgb (125,111,104) #7D6F68 22o #686B7E rgb (104,107,126) #686B7E 232o #757D68 rgb (117,125,104) #757D68 82o

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. #7D686B rgb (125,104,107) #7D686B 352o #686B7E rgb (104,107,126) #686B7E 232o #6B7D68 rgb (107,125,104) #6B7D68 112o

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. #7D686B rgb (125,104,107) #7D686B 352o #686B7E rgb (104,107,126) #686B7E 232o #7D7A68 rgb (125,122,104) #7D7A68 52o #687D7A rgb (104,125,122) #687D7A 172o