#06caff hex color

In a RGB color space, hex #06caff is composed of 2.4% red, 79.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 20.8% magenta, 0% yellow and 0% black. It has a hue angle of 192.8 degrees, a saturation of 100% and a lightness of 51.2%. #06caff color hex could be obtained by blending #0cffff with #0095ff. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 79
- B 100
RGB color chart
- C 98
- M 21
- Y 0
- K 0
CMYK color chart

● #06caff color description : Vivid cyan.

The hexadecimal color #06caff has RGB values of R:6, G:202, B:255 and CMYK values of C:0.98, M:0.21, Y:0, K:0. Its decimal value is 445183.

Hex triplet	06caff	`#06caff`
RGB Decimal	6, 202, 255	`rgb(6,202,255)`
RGB Percent	2.4, 79.2, 100	`rgb(2.4%,79.2%,100%)`
CMYK	98, 21, 0, 0
HSL	192.8°, 100, 51.2	`hsl(192.8,100%,51.2%)`
HSV (or HSB)	192.8°, 97.6, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.759, -23.203, -37.545
XYZ	39.241, 49.496, 102.088
xyY	0.206, 0.259, 49.496
CIE-LCH	75.759, 44.136, 238.283
CIE-LUV	75.759, -52.754, -57.99
Hunter-Lab	70.353, -23.557, -36.787
Binary	00000110, 11001010, 11111111

#06caff
```
#06caff rgb(6,202,255)
```
#ff3b06
```
#ff3b06 rgb(255,59,6)
```

Complementary Color

#06ffb8
```
#06ffb8 rgb(6,255,184)
```
#06caff
```
#06caff rgb(6,202,255)
```
#064eff
```
#064eff rgb(6,78,255)
```

Analogous Color

#ffb806
```
#ffb806 rgb(255,184,6)
```
#06caff
```
#06caff rgb(6,202,255)
```
#ff064e
```
#ff064e rgb(255,6,78)
```

Split Complementary Color

#caff06
```
#caff06 rgb(202,255,6)
```
#06caff
```
#06caff rgb(6,202,255)
```
#ff06ca
```
#ff06ca rgb(255,6,202)
```

Triadic Color

#06ff3b
```
#06ff3b rgb(6,255,59)
```
#06caff
```
#06caff rgb(6,202,255)
```
#ff06ca
```
#ff06ca rgb(255,6,202)
```
#ff3b06
```
#ff3b06 rgb(255,59,6)
```

Tetradic Color

#0091b9
```
#0091b9 rgb(0,145,185)
```
#00a5d2
```
#00a5d2 rgb(0,165,210)
```
#00b9ec
```
#00b9ec rgb(0,185,236)
```
#06caff
```
#06caff rgb(6,202,255)
```
#20cfff
```
#20cfff rgb(32,207,255)
```
#39d5ff
```
#39d5ff rgb(57,213,255)
```
#53daff
```
#53daff rgb(83,218,255)
```

Monochromatic Color

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

#06fff6
```
#06fff6 rgb(6,255,246)
```
#06f4ff
```
#06f4ff rgb(6,244,255)
```
#06dfff
```
#06dfff rgb(6,223,255)
```
#06caff
```
#06caff rgb(6,202,255)
```
#06b5ff
```
#06b5ff rgb(6,181,255)
```
#06a1ff
```
#06a1ff rgb(6,161,255)
```
#068cff
```
#068cff rgb(6,140,255)
```

Similar Colors

Text with hexadecimal color #06caff

This text has a font color of #06caff.

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

#06caff background color

This paragraph has a background color of #06caff.

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

#06caff border color

This element has a border color of #06caff.

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

CSS codes

.text {color:#06caff;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#00141a
```
#00141a rgb(0,20,26)
```
#00242d
```
#00242d rgb(0,36,45)
```
#003341
```
#003341 rgb(0,51,65)
```
#004254
```
#004254 rgb(0,66,84)
```
#005268
```
#005268 rgb(0,82,104)
```
#00617c
```
#00617c rgb(0,97,124)
```
#00718f
```
#00718f rgb(0,113,143)
```
#0080a3
```
#0080a3 rgb(0,128,163)
```
#0090b7
```
#0090b7 rgb(0,144,183)
```
#009fca
```
#009fca rgb(0,159,202)
```
#00afde
```
#00afde rgb(0,175,222)
```
#00bef1
```
#00bef1 rgb(0,190,241)
```

Shade Color Variation

#06caff
```
#06caff rgb(6,202,255)
```
#1aceff
```
#1aceff rgb(26,206,255)
```
#2dd2ff
```
#2dd2ff rgb(45,210,255)
```
#41d7ff
```
#41d7ff rgb(65,215,255)
```
#54dbff
```
#54dbff rgb(84,219,255)
```
#68dfff
```
#68dfff rgb(104,223,255)
```
#7ce3ff
```
#7ce3ff rgb(124,227,255)
```
#8fe7ff
```
#8fe7ff rgb(143,231,255)
```
#a3ebff
```
#a3ebff rgb(163,235,255)
```
#b7f0ff
```
#b7f0ff rgb(183,240,255)
```
#caf4ff
```
#caf4ff rgb(202,244,255)
```
#def8ff
```
#def8ff rgb(222,248,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#79888c
```
#79888c rgb(121,136,140)
```
#6f8e96
```
#6f8e96 rgb(111,142,150)
```
#66939f
```
#66939f rgb(102,147,159)
```
#5c99a9
```
#5c99a9 rgb(92,153,169)
```
#539eb2
```
#539eb2 rgb(83,158,178)
```
#49a4bc
```
#49a4bc rgb(73,164,188)
```
#3fa9c6
```
#3fa9c6 rgb(63,169,198)
```
#36afcf
```
#36afcf rgb(54,175,207)
```
#2cb4d9
```
#2cb4d9 rgb(44,180,217)
```
#23bae2
```
#23bae2 rgb(35,186,226)
```
#19bfec
```
#19bfec rgb(25,191,236)
```
#10c5f5
```
#10c5f5 rgb(16,197,245)
```
#06caff
```
#06caff rgb(6,202,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#78a0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf3 Protanopia 1% of men
#a5bcff Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#71c1f7 Protanomaly 1% of men, 0.01% of women
#6bc1ff Deuteranomaly 6% of men, 0.4% of women
#02ceea Tritanomaly 0.01% of the population

#06caff hex color

#06caff Color Information

#06caff Color Conversion

Color Schemes with #06caff

Alternatives to #06caff

#06caff Preview

Shades and Tints of #06caff

Tones of #06caff

Color Blindness Simulator