#06b7ff hex color

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

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

● #06b7ff color description : Vivid blue.

The hexadecimal color #06b7ff has RGB values of R:6, G:183, B:255 and CMYK values of C:0.98, M:0.28, Y:0, K:0. Its decimal value is 440319.

Hex triplet	06b7ff	`#06b7ff`
RGB Decimal	6, 183, 255	`rgb(6,183,255)`
RGB Percent	2.4, 71.8, 100	`rgb(2.4%,71.8%,100%)`
CMYK	98, 28, 0, 0
HSL	197.3°, 100, 51.2	`hsl(197.3,100%,51.2%)`
HSV (or HSB)	197.3°, 97.6, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.262, -13.25, -46.127
XYZ	35.054, 41.122, 100.692
xyY	0.198, 0.233, 41.122
CIE-LCH	70.262, 47.992, 253.973
CIE-LUV	70.262, -46.453, -73.415
Hunter-Lab	64.127, -14.647, -48.209
Binary	00000110, 10110111, 11111111

#06b7ff
```
#06b7ff rgb(6,183,255)
```
#ff4e06
```
#ff4e06 rgb(255,78,6)
```

Complementary Color

#06ffcb
```
#06ffcb rgb(6,255,203)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#063bff
```
#063bff rgb(6,59,255)
```

Analogous Color

#ffcb06
```
#ffcb06 rgb(255,203,6)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#ff063b
```
#ff063b rgb(255,6,59)
```

Split Complementary Color

#b7ff06
```
#b7ff06 rgb(183,255,6)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#ff06b7
```
#ff06b7 rgb(255,6,183)
```

Triadic Color

#06ff4e
```
#06ff4e rgb(6,255,78)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#ff06b7
```
#ff06b7 rgb(255,6,183)
```
#ff4e06
```
#ff4e06 rgb(255,78,6)
```

Tetradic Color

#0083b9
```
#0083b9 rgb(0,131,185)
```
#0095d2
```
#0095d2 rgb(0,149,210)
```
#00a7ec
```
#00a7ec rgb(0,167,236)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#20beff
```
#20beff rgb(32,190,255)
```
#39c6ff
```
#39c6ff rgb(57,198,255)
```
#53cdff
```
#53cdff rgb(83,205,255)
```

Monochromatic Color

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

#06f5ff
```
#06f5ff rgb(6,245,255)
```
#06e1ff
```
#06e1ff rgb(6,225,255)
```
#06ccff
```
#06ccff rgb(6,204,255)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```
#06a2ff
```
#06a2ff rgb(6,162,255)
```
#068eff
```
#068eff rgb(6,142,255)
```
#0679ff
```
#0679ff rgb(6,121,255)
```

Similar Colors

Text with hexadecimal color #06b7ff

This text has a font color of #06b7ff.

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

#06b7ff background color

This paragraph has a background color of #06b7ff.

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

#06b7ff border color

This element has a border color of #06b7ff.

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

CSS codes

.text {color:#06b7ff;}

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

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

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)
```
#00121a
```
#00121a rgb(0,18,26)
```
#00202d
```
#00202d rgb(0,32,45)
```
#002e41
```
#002e41 rgb(0,46,65)
```
#003c54
```
#003c54 rgb(0,60,84)
```
#004a68
```
#004a68 rgb(0,74,104)
```
#00587c
```
#00587c rgb(0,88,124)
```
#00668f
```
#00668f rgb(0,102,143)
```
#0074a3
```
#0074a3 rgb(0,116,163)
```
#0082b7
```
#0082b7 rgb(0,130,183)
```
#0090ca
```
#0090ca rgb(0,144,202)
```
#009ede
```
#009ede rgb(0,158,222)
```
#00acf1
```
#00acf1 rgb(0,172,241)
```

Shade Color Variation

#06b7ff
```
#06b7ff rgb(6,183,255)
```
#1abdff
```
#1abdff rgb(26,189,255)
```
#2dc2ff
```
#2dc2ff rgb(45,194,255)
```
#41c8ff
```
#41c8ff rgb(65,200,255)
```
#54ceff
```
#54ceff rgb(84,206,255)
```
#68d3ff
```
#68d3ff rgb(104,211,255)
```
#7cd9ff
```
#7cd9ff rgb(124,217,255)
```
#8fdfff
```
#8fdfff rgb(143,223,255)
```
#a3e4ff
```
#a3e4ff rgb(163,228,255)
```
#b7eaff
```
#b7eaff rgb(183,234,255)
```
#caf0ff
```
#caf0ff rgb(202,240,255)
```
#def5ff
```
#def5ff rgb(222,245,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 #06b7ff is the most saturated one.

#79878c
```
#79878c rgb(121,135,140)
```
#6f8b96
```
#6f8b96 rgb(111,139,150)
```
#668f9f
```
#668f9f rgb(102,143,159)
```
#5c93a9
```
#5c93a9 rgb(92,147,169)
```
#5397b2
```
#5397b2 rgb(83,151,178)
```
#499bbc
```
#499bbc rgb(73,155,188)
```
#3f9fc6
```
#3f9fc6 rgb(63,159,198)
```
#36a3cf
```
#36a3cf rgb(54,163,207)
```
#2ca7d9
```
#2ca7d9 rgb(44,167,217)
```
#23abe2
```
#23abe2 rgb(35,171,226)
```
#19afec
```
#19afec rgb(25,175,236)
```
#10b3f5
```
#10b3f5 rgb(16,179,245)
```
#06b7ff
```
#06b7ff rgb(6,183,255)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7093a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf5 Protanopia 1% of men
#86afff Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#62b1f8 Protanomaly 1% of men, 0.01% of women
#57b2ff Deuteranomaly 6% of men, 0.4% of women
#02bddf Tritanomaly 0.01% of the population

#06b7ff hex color

#06b7ff Color Information

#06b7ff Color Conversion

Color Schemes with #06b7ff

Alternatives to #06b7ff

#06b7ff Preview

Shades and Tints of #06b7ff

Tones of #06b7ff

Color Blindness Simulator