#06bcff hex color

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

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

● #06bcff color description : Vivid blue.

The hexadecimal color #06bcff has RGB values of R:6, G:188, B:255 and CMYK values of C:0.98, M:0.26, Y:0, K:0. Its decimal value is 441599.

Hex triplet	06bcff	`#06bcff`
RGB Decimal	6, 188, 255	`rgb(6,188,255)`
RGB Percent	2.4, 73.7, 100	`rgb(2.4%,73.7%,100%)`
CMYK	98, 26, 0, 0
HSL	196.1°, 100, 51.2	`hsl(196.1,100%,51.2%)`
HSV (or HSB)	196.1°, 97.6, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.705, -15.929, -43.863
XYZ	36.104, 43.222, 101.042
xyY	0.2, 0.24, 43.222
CIE-LCH	71.705, 46.666, 250.042
CIE-LUV	71.705, -48.105, -69.39
Hunter-Lab	65.743, -17.025, -45.104
Binary	00000110, 10111100, 11111111

#06bcff
```
#06bcff rgb(6,188,255)
```
#ff4906
```
#ff4906 rgb(255,73,6)
```

Complementary Color

#06ffc6
```
#06ffc6 rgb(6,255,198)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#0640ff
```
#0640ff rgb(6,64,255)
```

Analogous Color

#ffc606
```
#ffc606 rgb(255,198,6)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#ff0640
```
#ff0640 rgb(255,6,64)
```

Split Complementary Color

#bcff06
```
#bcff06 rgb(188,255,6)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#ff06bc
```
#ff06bc rgb(255,6,188)
```

Triadic Color

#06ff49
```
#06ff49 rgb(6,255,73)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#ff06bc
```
#ff06bc rgb(255,6,188)
```
#ff4906
```
#ff4906 rgb(255,73,6)
```

Tetradic Color

#0087b9
```
#0087b9 rgb(0,135,185)
```
#0099d2
```
#0099d2 rgb(0,153,210)
```
#00acec
```
#00acec rgb(0,172,236)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#20c3ff
```
#20c3ff rgb(32,195,255)
```
#39caff
```
#39caff rgb(57,202,255)
```
#53d1ff
```
#53d1ff rgb(83,209,255)
```

Monochromatic Color

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

#06faff
```
#06faff rgb(6,250,255)
```
#06e6ff
```
#06e6ff rgb(6,230,255)
```
#06d1ff
```
#06d1ff rgb(6,209,255)
```
#06bcff
```
#06bcff rgb(6,188,255)
```
#06a7ff
```
#06a7ff rgb(6,167,255)
```
#0693ff
```
#0693ff rgb(6,147,255)
```
#067eff
```
#067eff rgb(6,126,255)
```

Similar Colors

Text with hexadecimal color #06bcff

This text has a font color of #06bcff.

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

#06bcff background color

This paragraph has a background color of #06bcff.

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

#06bcff border color

This element has a border color of #06bcff.

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

CSS codes

.text {color:#06bcff;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#00131a
```
#00131a rgb(0,19,26)
```
#00212d
```
#00212d rgb(0,33,45)
```
#002f41
```
#002f41 rgb(0,47,65)
```
#003e54
```
#003e54 rgb(0,62,84)
```
#004c68
```
#004c68 rgb(0,76,104)
```
#005a7c
```
#005a7c rgb(0,90,124)
```
#00698f
```
#00698f rgb(0,105,143)
```
#0077a3
```
#0077a3 rgb(0,119,163)
```
#0085b7
```
#0085b7 rgb(0,133,183)
```
#0094ca
```
#0094ca rgb(0,148,202)
```
#00a2de
```
#00a2de rgb(0,162,222)
```
#00b0f1
```
#00b0f1 rgb(0,176,241)
```

Shade Color Variation

#06bcff
```
#06bcff rgb(6,188,255)
```
#1ac1ff
```
#1ac1ff rgb(26,193,255)
```
#2dc7ff
```
#2dc7ff rgb(45,199,255)
```
#41ccff
```
#41ccff rgb(65,204,255)
```
#54d1ff
```
#54d1ff rgb(84,209,255)
```
#68d6ff
```
#68d6ff rgb(104,214,255)
```
#7cdcff
```
#7cdcff rgb(124,220,255)
```
#8fe1ff
```
#8fe1ff rgb(143,225,255)
```
#a3e6ff
```
#a3e6ff rgb(163,230,255)
```
#b7ecff
```
#b7ecff rgb(183,236,255)
```
#caf1ff
```
#caf1ff rgb(202,241,255)
```
#def6ff
```
#def6ff rgb(222,246,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#79878c
```
#79878c rgb(121,135,140)
```
#6f8b96
```
#6f8b96 rgb(111,139,150)
```
#66909f
```
#66909f rgb(102,144,159)
```
#5c94a9
```
#5c94a9 rgb(92,148,169)
```
#5399b2
```
#5399b2 rgb(83,153,178)
```
#499dbc
```
#499dbc rgb(73,157,188)
```
#3fa1c6
```
#3fa1c6 rgb(63,161,198)
```
#36a6cf
```
#36a6cf rgb(54,166,207)
```
#2caad9
```
#2caad9 rgb(44,170,217)
```
#23afe2
```
#23afe2 rgb(35,175,226)
```
#19b3ec
```
#19b3ec rgb(25,179,236)
```
#10b8f5
```
#10b8f5 rgb(16,184,245)
```
#06bcff
```
#06bcff rgb(6,188,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7296a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f4 Protanopia 1% of men
#8fb3ff Deuteranopia 1% of men
#00c5d2 Tritanopia 0.001% of the population

Trichromacy

#66b5f8 Protanomaly 1% of men, 0.01% of women
#5db6ff Deuteranomaly 6% of men, 0.4% of women
#02c1e2 Tritanomaly 0.01% of the population

#06bcff hex color

#06bcff Color Information

#06bcff Color Conversion

Color Schemes with #06bcff

Alternatives to #06bcff

#06bcff Preview

Shades and Tints of #06bcff

Tones of #06bcff

Color Blindness Simulator