#06a2e7 hex color

In a RGB color space, hex #06a2e7 is composed of 2.4% red, 63.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 29.9% magenta, 0% yellow and 9.4% black. It has a hue angle of 198.4 degrees, a saturation of 94.9% and a lightness of 46.5%. #06a2e7 color hex could be obtained by blending #0cffff with #0045cf. Closest websafe color is: #0099ff.

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

● #06a2e7 color description : Vivid blue.

The hexadecimal color #06a2e7 has RGB values of R:6, G:162, B:231 and CMYK values of C:0.97, M:0.3, Y:0, K:0.09. Its decimal value is 434919.

Hex triplet	06a2e7	`#06a2e7`
RGB Decimal	6, 162, 231	`rgb(6,162,231)`
RGB Percent	2.4, 63.5, 90.6	`rgb(2.4%,63.5%,90.6%)`
CMYK	97, 30, 0, 9
HSL	198.4°, 94.9, 46.5	`hsl(198.4,94.9%,46.5%)`
HSV (or HSB)	198.4°, 97.4, 90.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.049, -10.368, -44.374
XYZ	27.416, 31.646, 80.26
xyY	0.197, 0.227, 31.646
CIE-LCH	63.049, 45.569, 256.848
CIE-LUV	63.049, -41.166, -69.626
Hunter-Lab	56.255, -11.455, -45.212
Binary	00000110, 10100010, 11100111

#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#e74b06
```
#e74b06 rgb(231,75,6)
```

Complementary Color

#06e7bc
```
#06e7bc rgb(6,231,188)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#0632e7
```
#0632e7 rgb(6,50,231)
```

Analogous Color

#e7bc06
```
#e7bc06 rgb(231,188,6)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#e70632
```
#e70632 rgb(231,6,50)
```

Split Complementary Color

#a2e706
```
#a2e706 rgb(162,231,6)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#e706a2
```
#e706a2 rgb(231,6,162)
```

Triadic Color

#06e74b
```
#06e74b rgb(6,231,75)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#e706a2
```
#e706a2 rgb(231,6,162)
```
#e74b06
```
#e74b06 rgb(231,75,6)
```

Tetradic Color

#046e9c
```
#046e9c rgb(4,110,156)
```
#057fb5
```
#057fb5 rgb(5,127,181)
```
#0591ce
```
#0591ce rgb(5,145,206)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#0eb1f9
```
#0eb1f9 rgb(14,177,249)
```
#27b9f9
```
#27b9f9 rgb(39,185,249)
```
#3fc1fa
```
#3fc1fa rgb(63,193,250)
```

Monochromatic Color

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

#06dae7
```
#06dae7 rgb(6,218,231)
```
#06c8e7
```
#06c8e7 rgb(6,200,231)
```
#06b5e7
```
#06b5e7 rgb(6,181,231)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```
#068fe7
```
#068fe7 rgb(6,143,231)
```
#067de7
```
#067de7 rgb(6,125,231)
```
#066ae7
```
#066ae7 rgb(6,106,231)
```

Similar Colors

Text with hexadecimal color #06a2e7

This text has a font color of #06a2e7.

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

#06a2e7 background color

This paragraph has a background color of #06a2e7.

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

#06a2e7 border color

This element has a border color of #06a2e7.

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

CSS codes

.text {color:#06a2e7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#011c28
```
#011c28 rgb(1,28,40)
```
#02293b
```
#02293b rgb(2,41,59)
```
#02374e
```
#02374e rgb(2,55,78)
```
#034461
```
#034461 rgb(3,68,97)
```
#035274
```
#035274 rgb(3,82,116)
```
#045f87
```
#045f87 rgb(4,95,135)
```
#046c9b
```
#046c9b rgb(4,108,155)
```
#057aae
```
#057aae rgb(5,122,174)
```
#0587c1
```
#0587c1 rgb(5,135,193)
```
#0695d4
```
#0695d4 rgb(6,149,212)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```

Shade Color Variation

#08aff9
```
#08aff9 rgb(8,175,249)
```
#1bb5f9
```
#1bb5f9 rgb(27,181,249)
```
#2ebbfa
```
#2ebbfa rgb(46,187,250)
```
#41c1fa
```
#41c1fa rgb(65,193,250)
```
#55c8fb
```
#55c8fb rgb(85,200,251)
```
#68cefb
```
#68cefb rgb(104,206,251)
```
#7bd4fc
```
#7bd4fc rgb(123,212,252)
```
#8edafc
```
#8edafc rgb(142,218,252)
```
#a1e0fd
```
#a1e0fd rgb(161,224,253)
```
#b4e7fd
```
#b4e7fd rgb(180,231,253)
```
#c7edfe
```
#c7edfe rgb(199,237,254)
```
#daf3fe
```
#daf3fe rgb(218,243,254)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#73787a
```
#73787a rgb(115,120,122)
```
#6a7b83
```
#6a7b83 rgb(106,123,131)
```
#617f8c
```
#617f8c rgb(97,127,140)
```
#588295
```
#588295 rgb(88,130,149)
```
#4f869e
```
#4f869e rgb(79,134,158)
```
#4689a7
```
#4689a7 rgb(70,137,167)
```
#3d8db0
```
#3d8db0 rgb(61,141,176)
```
#3490b9
```
#3490b9 rgb(52,144,185)
```
#2a94c3
```
#2a94c3 rgb(42,148,195)
```
#2197cc
```
#2197cc rgb(33,151,204)
```
#189bd5
```
#189bd5 rgb(24,155,213)
```
#0f9ede
```
#0f9ede rgb(15,158,222)
```
#06a2e7
```
#06a2e7 rgb(6,162,231)
```

Tone Color Variation

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

#859bdf Protanopia 1% of men
#719dec Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#579de2 Protanomaly 1% of men, 0.01% of women
#4a9fea Deuteranomaly 6% of men, 0.4% of women
#02a9c9 Tritanomaly 0.01% of the population

#06a2e7 hex color

#06a2e7 Color Information

#06a2e7 Color Conversion

Color Schemes with #06a2e7

Alternatives to #06a2e7

#06a2e7 Preview

Shades and Tints of #06a2e7

Tones of #06a2e7

Color Blindness Simulator