Html Css Color HEX #689FDE Cornflower Blue

📋 copy color: '#689FDE'

red 104 ◦ green 159 ◦ blue 222

#689FDE
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Cornflower Blue #689FDE

#689FDE
#537FB2
#42668E
#355272
#2A425B
#223549
#1B2A3A
#16222E
#121B25
#0E161E
#0B1218
#090E13
Black

Tints of Cornflower Blue #689FDE

#689FDE
#86B2E5
#9EC1EA
#B1CDEE
#C1D7F1
#CDDFF4
#D7E5F6
#DFEAF8
#E5EEF9
#EAF1FA
#EEF4FB
#F1F6FC
White

RGB

 RED value IS 104 (41.02% from 255) = 21.44%

 GREEN value IS 159 (62.5% from 255) = 32.78%

 BLUE value IS 222 (87.11% from 255) = 45.77%

R = 21.44%
G = 32.78%
B = 45.77%

CMYK

 C value IS 0.53

 M value IS 0.28

 Y value IS 0

 K value IS 0.13

RGB Variations

RGB:
#689FDE
RBG:
#68DE9F
GRB:
#9F68DE
GBR:
#9FDE68
BRG:
#DE68DE
BGR:
#DE9F68

Color information

#689FDE (or 0x689FDE) is known color: Cornflower Blue. HEX triplet: 68, 9F and DE. RGB value is (104,159,222). Sum of RGB (Red+Green+Blue) = 104+159+222=485 (64% of max value = 765). Red value is 104 (41.02% from 255 or 21.44% from 485); Green value is 159 (62.5% from 255 or 32.78% from 485); Blue value is 222 (87.11% from 255 or 45.77% from 485); Max value from RGB is 222 - color contains mainly: blue. Hex color #689FDE is not a web safe color. Web safe color analog (approx): #6699CC. Inversed color of #689FDE is #976021. Grayscale: #959595. Windows color (decimal): -9920546 or 14589800. OLE color: 14589800.

HSL color Cylindrical-coordinate representation of color #689FDE: hue angle of 212.03º degrees, saturation: 0.64, lightness: 0.64%. HSV value (or HSB Brightness) of color is 0.87% and HSV saturation: 0.53%. Process color model (Four color, CMYK) of #689FDE is Cyan = 0.53, Magento = 0.28, Yellow = 0 and Black (K on CMYK) = 0.13.

Color convert

RGB 104 159 222 -
CMYK 0.53 0.28 0 0.13
HSL 212.03º 0.64% 0.64% -
HSV(B) 212.03º 0.53% 0.87% -
XYZ 31.29 33.01 73.83 -
YUV 149.74 168.78 95.38 -
System Red Green Blue C M Y K H S L
Decimal 104 159 222 0.53 0.28 0 0.13 212.03 0.64 0.64
Hex 68 9F DE 35 1C 0 D D4 40 40
Octal 150 237 336 65 34 0 15 324 100 100
Binary 1101000 10011111 11011110 110101 11100 0 1101 11010100 1000000 1000000

Color Harmonies of #689FDE

Triadic Colors

#DE689F
#9FDE68

Analogous colors

#6C68DE
#68DADE

Split complements colors

#DE6C68
#DADE68

Complementary color

#DEA768

Monochromatic Colors of #689FDE

#D9E6F6
#B4CFEF
#879BB3
#4E77A6
#344F6F
#273B53

Black with #689FDE

Text Example


Text Example

White with #689FDE

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #689FDE; }

 p { color: rgb(104,159,222); }

 H1.HeaderClassName
 {
   color: #689FDE;
 }
 .AnyTagClassName
 {
   color: #689FDE;
 }
</style>

background-color css

<style>
 a { background-color: #689FDE; }

 a { background-color: rgb(104,159,222); }

 div.DivClassName
 {
   background-color: #689FDE;
 }
 .BgClassName
 {
   background-color: #689FDE;
 }
</style>

border-color css

<style>
 span { border-color: #689FDE; }

 span { border-color: rgb(104,159,222); }

 td.TdClassName
 {
   border-color: #689FDE;
 }
 .TagClassName
 {
   border-color: #689FDE;
 }
</style>