Html Css Color HEX #689CE0 Cornflower Blue

📋 copy color: '#689CE0'

red 104 ◦ green 156 ◦ blue 224

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

Shades of Cornflower Blue #689CE0

#689CE0
#537DB3
#42648F
#355072
#2A405B
#223349
#1B293A
#16212E
#121A25
#0E151E
#0B1118
#090E13
Black

Tints of Cornflower Blue #689CE0

#689CE0
#86B0E6
#9EC0EB
#B1CDEF
#C1D7F2
#CDDFF5
#D7E5F7
#DFEAF9
#E5EEFA
#EAF1FB
#EEF4FC
#F1F6FD
White

RGB

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

 GREEN value IS 156 (61.33% from 255) = 32.23%

 BLUE value IS 224 (87.89% from 255) = 46.28%

R = 21.49%
G = 32.23%
B = 46.28%

CMYK

 C value IS 0.54

 M value IS 0.30

 Y value IS 0

 K value IS 0.12

RGB Variations

RGB:
#689CE0
RBG:
#68E09C
GRB:
#9C68E0
GBR:
#9CE068
BRG:
#E068E0
BGR:
#E09C68

Color information

#689CE0 (or 0x689CE0) is known color: Cornflower Blue. HEX triplet: 68, 9C and E0. RGB value is (104,156,224). Sum of RGB (Red+Green+Blue) = 104+156+224=484 (64% of max value = 765). Red value is 104 (41.02% from 255 or 21.49% from 484); Green value is 156 (61.33% from 255 or 32.23% from 484); Blue value is 224 (87.89% from 255 or 46.28% from 484); Max value from RGB is 224 - color contains mainly: blue. Hex color #689CE0 is not a web safe color. Web safe color analog (approx): #6699CC. Inversed color of #689CE0 is #97631F. Grayscale: #939393. Windows color (decimal): -9921312 or 14720104. OLE color: 14720104.

HSL color Cylindrical-coordinate representation of color #689CE0: hue angle of 214º degrees, saturation: 0.66, lightness: 0.64%. HSV value (or HSB Brightness) of color is 0.88% and HSV saturation: 0.54%. Process color model (Four color, CMYK) of #689CE0 is Cyan = 0.54, Magento = 0.30, Yellow = 0 and Black (K on CMYK) = 0.12.

Color convert

RGB 104 156 224 -
CMYK 0.54 0.30 0 0.12
HSL 214º 0.66% 0.64% -
HSV(B) 214º 0.54% 0.88% -
XYZ 31.05 32.1 75.08 -
YUV 148.2 170.77 96.47 -
System Red Green Blue C M Y K H S L
Decimal 104 156 224 0.54 0.30 0 0.12 214 0.66 0.64
Hex 68 9C E0 36 1E 0 C D6 42 40
Octal 150 234 340 66 36 0 14 326 102 100
Binary 1101000 10011100 11100000 110110 11110 0 1100 11010110 1000010 1000000

Color Harmonies of #689CE0

Triadic Colors

#E0689C
#9CE068

Analogous colors

#7068E0
#68D8E0

Split complements colors

#E07068
#D8E068

Complementary color

#E0AC68

Monochromatic Colors of #689CE0

#D9E6F7
#B4CEF0
#879AB4
#4E75A8
#344E70
#273A54

Black with #689CE0

Text Example


Text Example

White with #689CE0

Text Example


Text Example

HTML Codes & Css Web design

color css

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

 p { color: rgb(104,156,224); }

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

background-color css

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

 a { background-color: rgb(104,156,224); }

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

border-color css

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

 span { border-color: rgb(104,156,224); }

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