#0664e2 hex color

In a RGB color space, hex #0664e2 is composed of 2.4% red, 39.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 55.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 214.4 degrees, a saturation of 94.8% and a lightness of 45.5%. #0664e2 color hex could be obtained by blending #0cc8ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 39
- B 89
RGB color chart
- C 97
- M 56
- Y 0
- K 11
CMYK color chart

● #0664e2 color description : Vivid blue.

The hexadecimal color #0664e2 has RGB values of R:6, G:100, B:226 and CMYK values of C:0.97, M:0.56, Y:0, K:0.11. Its decimal value is 419042.

Hex triplet	0664e2	`#0664e2`
RGB Decimal	6, 100, 226	`rgb(6,100,226)`
RGB Percent	2.4, 39.2, 88.6	`rgb(2.4%,39.2%,88.6%)`
CMYK	97, 56, 0, 11
HSL	214.4°, 94.8, 45.5	`hsl(214.4,94.8%,45.5%)`
HSV (or HSB)	214.4°, 97.3, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.141, 25.48, -70.273
XYZ	18.357, 14.642, 73.806
xyY	0.172, 0.137, 14.642
CIE-LCH	45.141, 74.749, 289.93
CIE-LUV	45.141, -22.306, -106.501
Hunter-Lab	38.265, 18.666, -87.572
Binary	00000110, 01100100, 11100010

#0664e2
```
#0664e2 rgb(6,100,226)
```
#e28406
```
#e28406 rgb(226,132,6)
```

Complementary Color

#06d2e2
```
#06d2e2 rgb(6,210,226)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#1606e2
```
#1606e2 rgb(22,6,226)
```

Analogous Color

#d2e206
```
#d2e206 rgb(210,226,6)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#e21606
```
#e21606 rgb(226,22,6)
```

Split Complementary Color

#64e206
```
#64e206 rgb(100,226,6)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#e20664
```
#e20664 rgb(226,6,100)
```

Triadic Color

#06e284
```
#06e284 rgb(6,226,132)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#e20664
```
#e20664 rgb(226,6,100)
```
#e28406
```
#e28406 rgb(226,132,6)
```

Tetradic Color

#044397
```
#044397 rgb(4,67,151)
```
#054eb0
```
#054eb0 rgb(5,78,176)
```
#0559c9
```
#0559c9 rgb(5,89,201)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#096ff8
```
#096ff8 rgb(9,111,248)
```
#227ef9
```
#227ef9 rgb(34,126,249)
```
#3b8cfa
```
#3b8cfa rgb(59,140,250)
```

Monochromatic Color

Below, you can see some colors close to #0664e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#069be2
```
#069be2 rgb(6,155,226)
```
#0689e2
```
#0689e2 rgb(6,137,226)
```
#0676e2
```
#0676e2 rgb(6,118,226)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#0652e2
```
#0652e2 rgb(6,82,226)
```
#063fe2
```
#063fe2 rgb(6,63,226)
```
#062de2
```
#062de2 rgb(6,45,226)
```

Similar Colors

Text with hexadecimal color #0664e2

This text has a font color of #0664e2.

<span style="color:#0664e2;">Text here</span>

#0664e2 background color

This paragraph has a background color of #0664e2.

<p style="background-color:#0664e2;">Content here</p>

#0664e2 border color

This element has a border color of #0664e2.

<div style="border:1px solid #0664e2;">Content here</div>

CSS codes

.text {color:#0664e2;}

.background {background-color:#0664e2;}

.border {border:1px solid #0664e2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000710 is the darkest color, while #fcfdff is the lightest one.

#000710
```
#000710 rgb(0,7,16)
```
#010f23
```
#010f23 rgb(1,15,35)
```
#011836
```
#011836 rgb(1,24,54)
```
#022049
```
#022049 rgb(2,32,73)
```
#02295c
```
#02295c rgb(2,41,92)
```
#03316f
```
#03316f rgb(3,49,111)
```
#033a82
```
#033a82 rgb(3,58,130)
```
#044296
```
#044296 rgb(4,66,150)
```
#044ba9
```
#044ba9 rgb(4,75,169)
```
#0553bc
```
#0553bc rgb(5,83,188)
```
#055ccf
```
#055ccf rgb(5,92,207)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```
#076cf5
```
#076cf5 rgb(7,108,245)
```

Shade Color Variation

#1677f9
```
#1677f9 rgb(22,119,249)
```
#2a82f9
```
#2a82f9 rgb(42,130,249)
```
#3d8dfa
```
#3d8dfa rgb(61,141,250)
```
#5099fa
```
#5099fa rgb(80,153,250)
```
#63a4fb
```
#63a4fb rgb(99,164,251)
```
#76affb
```
#76affb rgb(118,175,251)
```
#89bafc
```
#89bafc rgb(137,186,252)
```
#9cc5fc
```
#9cc5fc rgb(156,197,252)
```
#afd0fd
```
#afd0fd rgb(175,208,253)
```
#c2dcfd
```
#c2dcfd rgb(194,220,253)
```
#d5e7fe
```
#d5e7fe rgb(213,231,254)
```
#e9f2fe
```
#e9f2fe rgb(233,242,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717477 is the less saturated color, while #0664e2 is the most saturated one.

#717477
```
#717477 rgb(113,116,119)
```
#687280
```
#687280 rgb(104,114,128)
```
#5f7189
```
#5f7189 rgb(95,113,137)
```
#567092
```
#567092 rgb(86,112,146)
```
#4d6e9b
```
#4d6e9b rgb(77,110,155)
```
#446da4
```
#446da4 rgb(68,109,164)
```
#3c6cac
```
#3c6cac rgb(60,108,172)
```
#336ab5
```
#336ab5 rgb(51,106,181)
```
#2a69be
```
#2a69be rgb(42,105,190)
```
#2168c7
```
#2168c7 rgb(33,104,199)
```
#1867d0
```
#1867d0 rgb(24,103,208)
```
#0f65d9
```
#0f65d9 rgb(15,101,217)
```
#0664e2
```
#0664e2 rgb(6,100,226)
```

Tone Color Variation

Below, you can see how #0664e2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#565656 Achromatopsia 0.005% of the population
#465972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#026adc Protanomaly 1% of men, 0.01% of women
#026ecb Deuteranomaly 6% of men, 0.4% of women
#0274a6 Tritanomaly 0.01% of the population

#0664e2 hex color

#0664e2 Color Information

#0664e2 Color Conversion

Color Schemes with #0664e2

Alternatives to #0664e2

#0664e2 Preview

Shades and Tints of #0664e2

Tones of #0664e2

Color Blindness Simulator