#06b4e2 hex color

In a RGB color space, hex #06b4e2 is composed of 2.4% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 192.5 degrees, a saturation of 94.8% and a lightness of 45.5%. #06b4e2 color hex could be obtained by blending #0cffff with #0069c5. Closest websafe color is: #00cccc.

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

● #06b4e2 color description : Vivid cyan.

The hexadecimal color #06b4e2 has RGB values of R:6, G:180, B:226 and CMYK values of C:0.97, M:0.2, Y:0, K:0.11. Its decimal value is 439522.

Hex triplet	06b4e2	`#06b4e2`
RGB Decimal	6, 180, 226	`rgb(6,180,226)`
RGB Percent	2.4, 70.6, 88.6	`rgb(2.4%,70.6%,88.6%)`
CMYK	97, 20, 0, 11
HSL	192.5°, 94.8, 45.5	`hsl(192.5,94.8%,45.5%)`
HSV (or HSB)	192.5°, 97.3, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.145, -21.808, -33.667
XYZ	30.12, 38.169, 77.727
xyY	0.206, 0.261, 38.169
CIE-LCH	68.145, 40.113, 237.066
CIE-LUV	68.145, -47.569, -50.801
Hunter-Lab	61.781, -21.093, -31.346
Binary	00000110, 10110100, 11100010

#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#e23406
```
#e23406 rgb(226,52,6)
```

Complementary Color

#06e2a2
```
#06e2a2 rgb(6,226,162)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#0646e2
```
#0646e2 rgb(6,70,226)
```

Analogous Color

#e2a206
```
#e2a206 rgb(226,162,6)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#e20646
```
#e20646 rgb(226,6,70)
```

Split Complementary Color

#b4e206
```
#b4e206 rgb(180,226,6)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#e206b4
```
#e206b4 rgb(226,6,180)
```

Triadic Color

#06e234
```
#06e234 rgb(6,226,52)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#e206b4
```
#e206b4 rgb(226,6,180)
```
#e23406
```
#e23406 rgb(226,52,6)
```

Tetradic Color

#047997
```
#047997 rgb(4,121,151)
```
#058cb0
```
#058cb0 rgb(5,140,176)
```
#05a0c9
```
#05a0c9 rgb(5,160,201)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#09c6f8
```
#09c6f8 rgb(9,198,248)
```
#22ccf9
```
#22ccf9 rgb(34,204,249)
```
#3bd2fa
```
#3bd2fa rgb(59,210,250)
```

Monochromatic Color

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

#06e2d9
```
#06e2d9 rgb(6,226,217)
```
#06d9e2
```
#06d9e2 rgb(6,217,226)
```
#06c6e2
```
#06c6e2 rgb(6,198,226)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#06a2e2
```
#06a2e2 rgb(6,162,226)
```
#068fe2
```
#068fe2 rgb(6,143,226)
```
#067de2
```
#067de2 rgb(6,125,226)
```

Similar Colors

Text with hexadecimal color #06b4e2

This text has a font color of #06b4e2.

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

#06b4e2 background color

This paragraph has a background color of #06b4e2.

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

#06b4e2 border color

This element has a border color of #06b4e2.

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

CSS codes

.text {color:#06b4e2;}

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

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

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, #000d10 is the darkest color, while #fcfeff is the lightest one.

#000d10
```
#000d10 rgb(0,13,16)
```
#011c23
```
#011c23 rgb(1,28,35)
```
#012b36
```
#012b36 rgb(1,43,54)
```
#023a49
```
#023a49 rgb(2,58,73)
```
#02495c
```
#02495c rgb(2,73,92)
```
#03596f
```
#03596f rgb(3,89,111)
```
#036882
```
#036882 rgb(3,104,130)
```
#047796
```
#047796 rgb(4,119,150)
```
#0486a9
```
#0486a9 rgb(4,134,169)
```
#0596bc
```
#0596bc rgb(5,150,188)
```
#05a5cf
```
#05a5cf rgb(5,165,207)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```
#07c3f5
```
#07c3f5 rgb(7,195,245)
```

Shade Color Variation

#16c9f9
```
#16c9f9 rgb(22,201,249)
```
#2acef9
```
#2acef9 rgb(42,206,249)
```
#3dd2fa
```
#3dd2fa rgb(61,210,250)
```
#50d7fa
```
#50d7fa rgb(80,215,250)
```
#63dbfb
```
#63dbfb rgb(99,219,251)
```
#76dffb
```
#76dffb rgb(118,223,251)
```
#89e4fc
```
#89e4fc rgb(137,228,252)
```
#9ce8fc
```
#9ce8fc rgb(156,232,252)
```
#afedfd
```
#afedfd rgb(175,237,253)
```
#c2f1fd
```
#c2f1fd rgb(194,241,253)
```
#d5f5fe
```
#d5f5fe rgb(213,245,254)
```
#e9fafe
```
#e9fafe rgb(233,250,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#717677
```
#717677 rgb(113,118,119)
```
#687b80
```
#687b80 rgb(104,123,128)
```
#5f8089
```
#5f8089 rgb(95,128,137)
```
#568592
```
#568592 rgb(86,133,146)
```
#4d8a9b
```
#4d8a9b rgb(77,138,155)
```
#4490a4
```
#4490a4 rgb(68,144,164)
```
#3c95ac
```
#3c95ac rgb(60,149,172)
```
#339ab5
```
#339ab5 rgb(51,154,181)
```
#2a9fbe
```
#2a9fbe rgb(42,159,190)
```
#21a4c7
```
#21a4c7 rgb(33,164,199)
```
#18aad0
```
#18aad0 rgb(24,170,208)
```
#0fafd9
```
#0fafd9 rgb(15,175,217)
```
#06b4e2
```
#06b4e2 rgb(6,180,226)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6c8e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca8d9 Protanopia 1% of men
#92a9e9 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#66acdc Protanomaly 1% of men, 0.01% of women
#5fade6 Deuteranomaly 6% of men, 0.4% of women
#02b8d1 Tritanomaly 0.01% of the population

#06b4e2 hex color

#06b4e2 Color Information

#06b4e2 Color Conversion

Color Schemes with #06b4e2

Alternatives to #06b4e2

#06b4e2 Preview

Shades and Tints of #06b4e2

Tones of #06b4e2

Color Blindness Simulator