#0068e2 hex color

In a RGB color space, hex #0068e2 is composed of 0% red, 40.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54% magenta, 0% yellow and 11.4% black. It has a hue angle of 212.4 degrees, a saturation of 100% and a lightness of 44.3%. #0068e2 color hex could be obtained by blending #00d0ff with #0000c5. Closest websafe color is: #0066cc.

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

● #0068e2 color description : Pure (or mostly pure) blue.

The hexadecimal color #0068e2 has RGB values of R:0, G:104, B:226 and CMYK values of C:1, M:0.54, Y:0, K:0.11. Its decimal value is 26850.

Hex triplet	0068e2	`#0068e2`
RGB Decimal	0, 104, 226	`rgb(0,104,226)`
RGB Percent	0, 40.8, 88.6	`rgb(0%,40.8%,88.6%)`
CMYK	100, 54, 0, 11
HSL	212.4°, 100, 44.3	`hsl(212.4,100%,44.3%)`
HSV (or HSB)	212.4°, 100, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.164, 22.729, -68.61
XYZ	18.675, 15.39, 73.934
xyY	0.173, 0.143, 15.39
CIE-LCH	46.164, 72.276, 288.329
CIE-LUV	46.164, -23.617, -104.701
Hunter-Lab	39.23, 16.319, -84.278
Binary	00000000, 01101000, 11100010

#0068e2
```
#0068e2 rgb(0,104,226)
```
#e27a00
```
#e27a00 rgb(226,122,0)
```

Complementary Color

#00d9e2
```
#00d9e2 rgb(0,217,226)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#0900e2
```
#0900e2 rgb(9,0,226)
```

Analogous Color

#d9e200
```
#d9e200 rgb(217,226,0)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#e20900
```
#e20900 rgb(226,9,0)
```

Split Complementary Color

#68e200
```
#68e200 rgb(104,226,0)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#e20068
```
#e20068 rgb(226,0,104)
```

Triadic Color

#00e27a
```
#00e27a rgb(0,226,122)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#e20068
```
#e20068 rgb(226,0,104)
```
#e27a00
```
#e27a00 rgb(226,122,0)
```

Tetradic Color

#004596
```
#004596 rgb(0,69,150)
```
#0051af
```
#0051af rgb(0,81,175)
```
#005cc9
```
#005cc9 rgb(0,92,201)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#0074fc
```
#0074fc rgb(0,116,252)
```
#1681ff
```
#1681ff rgb(22,129,255)
```
#308fff
```
#308fff rgb(48,143,255)
```

Monochromatic Color

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

#00a1e2
```
#00a1e2 rgb(0,161,226)
```
#008ee2
```
#008ee2 rgb(0,142,226)
```
#007be2
```
#007be2 rgb(0,123,226)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#0055e2
```
#0055e2 rgb(0,85,226)
```
#0042e2
```
#0042e2 rgb(0,66,226)
```
#0030e2
```
#0030e2 rgb(0,48,226)
```

Similar Colors

Text with hexadecimal color #0068e2

This text has a font color of #0068e2.

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

#0068e2 background color

This paragraph has a background color of #0068e2.

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

#0068e2 border color

This element has a border color of #0068e2.

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

CSS codes

.text {color:#0068e2;}

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

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

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, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#001731
```
#001731 rgb(0,23,49)
```
#002045
```
#002045 rgb(0,32,69)
```
#002959
```
#002959 rgb(0,41,89)
```
#00326c
```
#00326c rgb(0,50,108)
```
#003b80
```
#003b80 rgb(0,59,128)
```
#004494
```
#004494 rgb(0,68,148)
```
#004da7
```
#004da7 rgb(0,77,167)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#005fce
```
#005fce rgb(0,95,206)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#0071f6
```
#0071f6 rgb(0,113,246)
```

Shade Color Variation

#0a7bff
```
#0a7bff rgb(10,123,255)
```
#1e85ff
```
#1e85ff rgb(30,133,255)
```
#3190ff
```
#3190ff rgb(49,144,255)
```
#459bff
```
#459bff rgb(69,155,255)
```
#59a5ff
```
#59a5ff rgb(89,165,255)
```
#6cb0ff
```
#6cb0ff rgb(108,176,255)
```
#80baff
```
#80baff rgb(128,186,255)
```
#94c5ff
```
#94c5ff rgb(148,197,255)
```
#a7d0ff
```
#a7d0ff rgb(167,208,255)
```
#bbdaff
```
#bbdaff rgb(187,218,255)
```
#cee5ff
```
#cee5ff rgb(206,229,255)
```
#e2efff
```
#e2efff rgb(226,239,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#68707a
```
#68707a rgb(104,112,122)
```
#607082
```
#607082 rgb(96,112,130)
```
#576f8b
```
#576f8b rgb(87,111,139)
```
#4e6e94
```
#4e6e94 rgb(78,110,148)
```
#466e9c
```
#466e9c rgb(70,110,156)
```
#3d6da5
```
#3d6da5 rgb(61,109,165)
```
#346cae
```
#346cae rgb(52,108,174)
```
#2b6bb7
```
#2b6bb7 rgb(43,107,183)
```
#236bbf
```
#236bbf rgb(35,107,191)
```
#1a6ac8
```
#1a6ac8 rgb(26,106,200)
```
#1169d1
```
#1169d1 rgb(17,105,209)
```
#0969d9
```
#0969d9 rgb(9,105,217)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```

Tone Color Variation

Below, you can see how #0068e2 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

#575757 Achromatopsia 0.005% of the population
#465a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#006ddf Protanomaly 1% of men, 0.01% of women
#0071cd Deuteranomaly 6% of men, 0.4% of women
#0077a8 Tritanomaly 0.01% of the population

#0068e2 hex color

#0068e2 Color Information

#0068e2 Color Conversion

Color Schemes with #0068e2

Alternatives to #0068e2

#0068e2 Preview

Shades and Tints of #0068e2

Tones of #0068e2

Color Blindness Simulator