colorhexa.com

#0069e4 hex color

In a RGB color space, hex #0069e4 is composed of 0% red, 41.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 212.4 degrees, a saturation of 100% and a lightness of 44.7%. #0069e4 color hex could be obtained by blending #00d2ff with #0000c9. Closest websafe color is: #0066cc.

- R 0
- G 41
- B 89
RGB color chart
- C 100
- M 54
- Y 0
- K 11
CMYK color chart

● #0069e4 color description : Pure (or mostly pure) blue.

The hexadecimal color #0069e4 has RGB values of R:0, G:105, B:228 and CMYK values of C:1, M:0.54, Y:0, K:0.11. Its decimal value is 27108.

Hex triplet	0069e4	`#0069e4`
RGB Decimal	0, 105, 228	`rgb(0,105,228)`
RGB Percent	0, 41.2, 89.4	`rgb(0%,41.2%,89.4%)`
CMYK	100, 54, 0, 11
HSL	212.4°, 100, 44.7	`hsl(212.4,100%,44.7%)`
HSV (or HSB)	212.4°, 100, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.582, 22.869, -69.059
XYZ	19.052, 15.703, 75.421
xyY	0.173, 0.143, 15.703
CIE-LCH	46.582, 72.748, 288.323
CIE-LUV	46.582, -23.833, -105.631
Hunter-Lab	39.627, 16.473, -85.107
Binary	00000000, 01101001, 11100100

#0069e4
```
#0069e4 rgb(0,105,228)
```
#e47b00
```
#e47b00 rgb(228,123,0)
```

Complementary Color

#00dbe4
```
#00dbe4 rgb(0,219,228)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#0900e4
```
#0900e4 rgb(9,0,228)
```

Analogous Color

#dbe400
```
#dbe400 rgb(219,228,0)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#e40900
```
#e40900 rgb(228,9,0)
```

Split Complementary Color

#69e400
```
#69e400 rgb(105,228,0)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#e40069
```
#e40069 rgb(228,0,105)
```

Triadic Color

#004698
```
#004698 rgb(0,70,152)
```
#0052b1
```
#0052b1 rgb(0,82,177)
```
#005dcb
```
#005dcb rgb(0,93,203)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#0075fe
```
#0075fe rgb(0,117,254)
```
#1882ff
```
#1882ff rgb(24,130,255)
```
#3290ff
```
#3290ff rgb(50,144,255)
```

Monochromatic Color

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

#00a2e4
```
#00a2e4 rgb(0,162,228)
```
#008fe4
```
#008fe4 rgb(0,143,228)
```
#007ce4
```
#007ce4 rgb(0,124,228)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#0056e4
```
#0056e4 rgb(0,86,228)
```
#0043e4
```
#0043e4 rgb(0,67,228)
```
#0030e4
```
#0030e4 rgb(0,48,228)
```

Similar Colors

Text with hexadecimal color #0069e4

This text has a font color of #0069e4.

<span style="color:#0069e4;">Text here</span>

#0069e4 background color

This paragraph has a background color of #0069e4.

<p style="background-color:#0069e4;">Content here</p>

#0069e4 border color

This element has a border color of #0069e4.

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

CSS codes

.text {color:#0069e4;}

.background {background-color:#0069e4;}

.border {border:1px solid #0069e4;}

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#000f20
```
#000f20 rgb(0,15,32)
```
#001833
```
#001833 rgb(0,24,51)
```
#002147
```
#002147 rgb(0,33,71)
```
#002a5b
```
#002a5b rgb(0,42,91)
```
#00336e
```
#00336e rgb(0,51,110)
```
#003c82
```
#003c82 rgb(0,60,130)
```
#004596
```
#004596 rgb(0,69,150)
```
#004ea9
```
#004ea9 rgb(0,78,169)
```
#0057bd
```
#0057bd rgb(0,87,189)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#0072f8
```
#0072f8 rgb(0,114,248)
```

Shade Color Variation

#0c7cff
```
#0c7cff rgb(12,124,255)
```
#2087ff
```
#2087ff rgb(32,135,255)
```
#3391ff
```
#3391ff rgb(51,145,255)
```
#479cff
```
#479cff rgb(71,156,255)
```
#5ba6ff
```
#5ba6ff rgb(91,166,255)
```
#6eb1ff
```
#6eb1ff rgb(110,177,255)
```
#82bcff
```
#82bcff rgb(130,188,255)
```
#96c6ff
```
#96c6ff rgb(150,198,255)
```
#a9d1ff
```
#a9d1ff rgb(169,209,255)
```
#bddbff
```
#bddbff rgb(189,219,255)
```
#d0e6ff
```
#d0e6ff rgb(208,230,255)
```
#e4f0ff
```
#e4f0ff rgb(228,240,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69717b is the less saturated color, while #0069e4 is the most saturated one.

#69717b
```
#69717b rgb(105,113,123)
```
#607184
```
#607184 rgb(96,113,132)
```
#58708c
```
#58708c rgb(88,112,140)
```
#4f6f95
```
#4f6f95 rgb(79,111,149)
```
#466f9e
```
#466f9e rgb(70,111,158)
```
#3d6ea7
```
#3d6ea7 rgb(61,110,167)
```
#356daf
```
#356daf rgb(53,109,175)
```
#2c6cb8
```
#2c6cb8 rgb(44,108,184)
```
#236cc1
```
#236cc1 rgb(35,108,193)
```
#1a6bca
```
#1a6bca rgb(26,107,202)
```
#126ad2
```
#126ad2 rgb(18,106,210)
```
#096adb
```
#096adb rgb(9,106,219)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```

Tone Color Variation

Below, you can see how #0069e4 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

#585858 Achromatopsia 0.005% of the population
#465b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#006ee1 Protanomaly 1% of men, 0.01% of women
#0072cf Deuteranomaly 6% of men, 0.4% of women
#0078a9 Tritanomaly 0.01% of the population