#06bde4 hex color

In a RGB color space, hex #06bde4 is composed of 2.4% red, 74.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 17.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 190.5 degrees, a saturation of 94.9% and a lightness of 45.9%. #06bde4 color hex could be obtained by blending #0cffff with #007bc9. Closest websafe color is: #00cccc.

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

● #06bde4 color description : Vivid cyan.

The hexadecimal color #06bde4 has RGB values of R:6, G:189, B:228 and CMYK values of C:0.97, M:0.17, Y:0, K:0.11. Its decimal value is 441828.

Hex triplet	06bde4	`#06bde4`
RGB Decimal	6, 189, 228	`rgb(6,189,228)`
RGB Percent	2.4, 74.1, 89.4	`rgb(2.4%,74.1%,89.4%)`
CMYK	97, 17, 0, 11
HSL	190.5°, 94.9, 45.9	`hsl(190.5,94.9%,45.9%)`
HSV (or HSB)	190.5°, 97.4, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.893, -25.719, -30.51
XYZ	32.272, 42.032, 79.807
xyY	0.209, 0.273, 42.032
CIE-LCH	70.893, 39.904, 229.869
CIE-LUV	70.893, -50.46, -45.185
Hunter-Lab	64.832, -24.602, -27.602
Binary	00000110, 10111101, 11100100

#06bde4
```
#06bde4 rgb(6,189,228)
```
#e42d06
```
#e42d06 rgb(228,45,6)
```

Complementary Color

#06e49c
```
#06e49c rgb(6,228,156)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#064ee4
```
#064ee4 rgb(6,78,228)
```

Analogous Color

#e49c06
```
#e49c06 rgb(228,156,6)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#e4064e
```
#e4064e rgb(228,6,78)
```

Split Complementary Color

#bde406
```
#bde406 rgb(189,228,6)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#e406bd
```
#e406bd rgb(228,6,189)
```

Triadic Color

#06e42d
```
#06e42d rgb(6,228,45)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#e406bd
```
#e406bd rgb(228,6,189)
```
#e42d06
```
#e42d06 rgb(228,45,6)
```

Tetradic Color

#047f99
```
#047f99 rgb(4,127,153)
```
#0594b2
```
#0594b2 rgb(5,148,178)
```
#05a8cb
```
#05a8cb rgb(5,168,203)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#0bcff9
```
#0bcff9 rgb(11,207,249)
```
#24d4f9
```
#24d4f9 rgb(36,212,249)
```
#3dd9fa
```
#3dd9fa rgb(61,217,250)
```

Monochromatic Color

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

#06e4d4
```
#06e4d4 rgb(6,228,212)
```
#06e2e4
```
#06e2e4 rgb(6,226,228)
```
#06d0e4
```
#06d0e4 rgb(6,208,228)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#06abe4
```
#06abe4 rgb(6,171,228)
```
#0698e4
```
#0698e4 rgb(6,152,228)
```
#0686e4
```
#0686e4 rgb(6,134,228)
```

Similar Colors

Text with hexadecimal color #06bde4

This text has a font color of #06bde4.

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

#06bde4 background color

This paragraph has a background color of #06bde4.

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

#06bde4 border color

This element has a border color of #06bde4.

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

CSS codes

.text {color:#06bde4;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#011f25
```
#011f25 rgb(1,31,37)
```
#012e38
```
#012e38 rgb(1,46,56)
```
#023e4b
```
#023e4b rgb(2,62,75)
```
#024e5e
```
#024e5e rgb(2,78,94)
```
#035e71
```
#035e71 rgb(3,94,113)
```
#036e84
```
#036e84 rgb(3,110,132)
```
#047e98
```
#047e98 rgb(4,126,152)
```
#048dab
```
#048dab rgb(4,141,171)
```
#059dbe
```
#059dbe rgb(5,157,190)
```
#05add1
```
#05add1 rgb(5,173,209)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```
#07cdf7
```
#07cdf7 rgb(7,205,247)
```

Shade Color Variation

#18d1f9
```
#18d1f9 rgb(24,209,249)
```
#2bd5f9
```
#2bd5f9 rgb(43,213,249)
```
#3fd9fa
```
#3fd9fa rgb(63,217,250)
```
#52ddfa
```
#52ddfa rgb(82,221,250)
```
#65e1fb
```
#65e1fb rgb(101,225,251)
```
#78e4fb
```
#78e4fb rgb(120,228,251)
```
#8be8fc
```
#8be8fc rgb(139,232,252)
```
#9eecfc
```
#9eecfc rgb(158,236,252)
```
#b1f0fd
```
#b1f0fd rgb(177,240,253)
```
#c4f3fd
```
#c4f3fd rgb(196,243,253)
```
#d7f7fe
```
#d7f7fe rgb(215,247,254)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#727778
```
#727778 rgb(114,119,120)
```
#697d81
```
#697d81 rgb(105,125,129)
```
#60838a
```
#60838a rgb(96,131,138)
```
#578893
```
#578893 rgb(87,136,147)
```
#4e8e9c
```
#4e8e9c rgb(78,142,156)
```
#4594a5
```
#4594a5 rgb(69,148,165)
```
#3c9aae
```
#3c9aae rgb(60,154,174)
```
#33a0b7
```
#33a0b7 rgb(51,160,183)
```
#2aa6c0
```
#2aa6c0 rgb(42,166,192)
```
#21abc9
```
#21abc9 rgb(33,171,201)
```
#18b1d2
```
#18b1d2 rgb(24,177,210)
```
#0fb7db
```
#0fb7db rgb(15,183,219)
```
#06bde4
```
#06bde4 rgb(6,189,228)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#70959d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b0da Protanopia 1% of men
#9eafec Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#6cb4de Protanomaly 1% of men, 0.01% of women
#67b4e9 Deuteranomaly 6% of men, 0.4% of women
#02c0d7 Tritanomaly 0.01% of the population

#06bde4 hex color

#06bde4 Color Information

#06bde4 Color Conversion

Color Schemes with #06bde4

Alternatives to #06bde4

#06bde4 Preview

Shades and Tints of #06bde4

Tones of #06bde4

Color Blindness Simulator