#06a1e8 hex color

In a RGB color space, hex #06a1e8 is composed of 2.4% red, 63.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 30.6% magenta, 0% yellow and 9% black. It has a hue angle of 198.8 degrees, a saturation of 95% and a lightness of 46.7%. #06a1e8 color hex could be obtained by blending #0cffff with #0043d1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 63
- B 91
RGB color chart
- C 97
- M 31
- Y 0
- K 9
CMYK color chart

● #06a1e8 color description : Vivid blue.

The hexadecimal color #06a1e8 has RGB values of R:6, G:161, B:232 and CMYK values of C:0.97, M:0.31, Y:0, K:0.09. Its decimal value is 434664.

Hex triplet	06a1e8	`#06a1e8`
RGB Decimal	6, 161, 232	`rgb(6,161,232)`
RGB Percent	2.4, 63.1, 91	`rgb(2.4%,63.1%,91%)`
CMYK	97, 31, 0, 9
HSL	198.8°, 95, 46.7	`hsl(198.8,95%,46.7%)`
HSV (or HSB)	198.8°, 97.4, 91
Web Safe	0099ff	`#0099ff`

CIE-LAB	62.804, -9.445, -45.312
XYZ	27.382, 31.352, 80.948
xyY	0.196, 0.224, 31.352
CIE-LCH	62.804, 46.286, 258.226
CIE-LUV	62.804, -40.766, -71.266
Hunter-Lab	55.993, -10.697, -46.519
Binary	00000110, 10100001, 11101000

#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#e84d06
```
#e84d06 rgb(232,77,6)
```

Complementary Color

#06e8be
```
#06e8be rgb(6,232,190)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#0630e8
```
#0630e8 rgb(6,48,232)
```

Analogous Color

#e8be06
```
#e8be06 rgb(232,190,6)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#e80630
```
#e80630 rgb(232,6,48)
```

Split Complementary Color

#a1e806
```
#a1e806 rgb(161,232,6)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#e806a1
```
#e806a1 rgb(232,6,161)
```

Triadic Color

#06e84d
```
#06e84d rgb(6,232,77)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#e806a1
```
#e806a1 rgb(232,6,161)
```
#e84d06
```
#e84d06 rgb(232,77,6)
```

Tetradic Color

#046d9d
```
#046d9d rgb(4,109,157)
```
#057fb6
```
#057fb6 rgb(5,127,182)
```
#0590cf
```
#0590cf rgb(5,144,207)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#0faff9
```
#0faff9 rgb(15,175,249)
```
#28b8f9
```
#28b8f9 rgb(40,184,249)
```
#40c0fa
```
#40c0fa rgb(64,192,250)
```

Monochromatic Color

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

#06dae8
```
#06dae8 rgb(6,218,232)
```
#06c7e8
```
#06c7e8 rgb(6,199,232)
```
#06b4e8
```
#06b4e8 rgb(6,180,232)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```
#068ee8
```
#068ee8 rgb(6,142,232)
```
#067be8
```
#067be8 rgb(6,123,232)
```
#0669e8
```
#0669e8 rgb(6,105,232)
```

Similar Colors

Text with hexadecimal color #06a1e8

This text has a font color of #06a1e8.

<span style="color:#06a1e8;">Text here</span>

#06a1e8 background color

This paragraph has a background color of #06a1e8.

<p style="background-color:#06a1e8;">Content here</p>

#06a1e8 border color

This element has a border color of #06a1e8.

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

CSS codes

.text {color:#06a1e8;}

.background {background-color:#06a1e8;}

.border {border:1px solid #06a1e8;}

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, #000203 is the darkest color, while #eefaff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#010f16
```
#010f16 rgb(1,15,22)
```
#011c29
```
#011c29 rgb(1,28,41)
```
#022a3c
```
#022a3c rgb(2,42,60)
```
#02374f
```
#02374f rgb(2,55,79)
```
#034462
```
#034462 rgb(3,68,98)
```
#035175
```
#035175 rgb(3,81,117)
```
#045f88
```
#045f88 rgb(4,95,136)
```
#046c9c
```
#046c9c rgb(4,108,156)
```
#0579af
```
#0579af rgb(5,121,175)
```
#0586c2
```
#0586c2 rgb(5,134,194)
```
#0694d5
```
#0694d5 rgb(6,148,213)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```

Shade Color Variation

#09adf9
```
#09adf9 rgb(9,173,249)
```
#1cb4f9
```
#1cb4f9 rgb(28,180,249)
```
#2fbafa
```
#2fbafa rgb(47,186,250)
```
#42c0fa
```
#42c0fa rgb(66,192,250)
```
#55c7fb
```
#55c7fb rgb(85,199,251)
```
#69cdfb
```
#69cdfb rgb(105,205,251)
```
#7cd3fc
```
#7cd3fc rgb(124,211,252)
```
#8fdafc
```
#8fdafc rgb(143,218,252)
```
#a2e0fd
```
#a2e0fd rgb(162,224,253)
```
#b5e6fd
```
#b5e6fd rgb(181,230,253)
```
#c8edfe
```
#c8edfe rgb(200,237,254)
```
#dbf3fe
```
#dbf3fe rgb(219,243,254)
```
#eefaff
```
#eefaff rgb(238,250,255)
```

Tint Color Variation

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

#74787a
```
#74787a rgb(116,120,122)
```
#6b7c83
```
#6b7c83 rgb(107,124,131)
```
#627f8c
```
#627f8c rgb(98,127,140)
```
#588296
```
#588296 rgb(88,130,150)
```
#4f869f
```
#4f869f rgb(79,134,159)
```
#4689a8
```
#4689a8 rgb(70,137,168)
```
#3d8db1
```
#3d8db1 rgb(61,141,177)
```
#3490ba
```
#3490ba rgb(52,144,186)
```
#2b93c3
```
#2b93c3 rgb(43,147,195)
```
#2197cd
```
#2197cd rgb(33,151,205)
```
#189ad6
```
#189ad6 rgb(24,154,214)
```
#0f9edf
```
#0f9edf rgb(15,158,223)
```
#06a1e8
```
#06a1e8 rgb(6,161,232)
```

Tone Color Variation

Below, you can see how #06a1e8 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

#7b7b7b Achromatopsia 0.005% of the population
#648391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#839ae0 Protanopia 1% of men
#6e9dec Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#569de3 Protanomaly 1% of men, 0.01% of women
#489eeb Deuteranomaly 6% of men, 0.4% of women
#02a8c9 Tritanomaly 0.01% of the population

#06a1e8 hex color

#06a1e8 Color Information

#06a1e8 Color Conversion

Color Schemes with #06a1e8

Alternatives to #06a1e8

#06a1e8 Preview

Shades and Tints of #06a1e8

Tones of #06a1e8

Color Blindness Simulator