#06b7fd hex color

In a RGB color space, hex #06b7fd is composed of 2.4% red, 71.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 27.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 197 degrees, a saturation of 98.4% and a lightness of 50.8%. #06b7fd color hex could be obtained by blending #0cffff with #006ffb. Closest websafe color is: #00ccff.

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

● #06b7fd color description : Vivid blue.

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

Hex triplet	06b7fd	`#06b7fd`
RGB Decimal	6, 183, 253	`rgb(6,183,253)`
RGB Percent	2.4, 71.8, 99.2	`rgb(2.4%,71.8%,99.2%)`
CMYK	98, 28, 0, 1
HSL	197°, 98.4, 50.8	`hsl(197,98.4%,50.8%)`
HSV (or HSB)	197°, 97.6, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.172, -13.959, -45.187
XYZ	34.734, 40.994, 99.005
xyY	0.199, 0.235, 40.994
CIE-LCH	70.172, 47.294, 252.833
CIE-LUV	70.172, -46.594, -71.702
Hunter-Lab	64.027, -15.213, -46.862
Binary	00000110, 10110111, 11111101

#06b7fd
```
#06b7fd rgb(6,183,253)
```
#fd4c06
```
#fd4c06 rgb(253,76,6)
```

Complementary Color

#06fdc8
```
#06fdc8 rgb(6,253,200)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#063cfd
```
#063cfd rgb(6,60,253)
```

Analogous Color

#fdc806
```
#fdc806 rgb(253,200,6)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#fd063c
```
#fd063c rgb(253,6,60)
```

Split Complementary Color

#b7fd06
```
#b7fd06 rgb(183,253,6)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#fd06b7
```
#fd06b7 rgb(253,6,183)
```

Triadic Color

#06fd4c
```
#06fd4c rgb(6,253,76)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#fd06b7
```
#fd06b7 rgb(253,6,183)
```
#fd4c06
```
#fd4c06 rgb(253,76,6)
```

Tetradic Color

#0182b5
```
#0182b5 rgb(1,130,181)
```
#0294ce
```
#0294ce rgb(2,148,206)
```
#02a7e8
```
#02a7e8 rgb(2,167,232)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#1fbefd
```
#1fbefd rgb(31,190,253)
```
#39c6fd
```
#39c6fd rgb(57,198,253)
```
#52cdfe
```
#52cdfe rgb(82,205,254)
```

Monochromatic Color

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

#06f5fd
```
#06f5fd rgb(6,245,253)
```
#06e0fd
```
#06e0fd rgb(6,224,253)
```
#06ccfd
```
#06ccfd rgb(6,204,253)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```
#06a2fd
```
#06a2fd rgb(6,162,253)
```
#068efd
```
#068efd rgb(6,142,253)
```
#0679fd
```
#0679fd rgb(6,121,253)
```

Similar Colors

Text with hexadecimal color #06b7fd

This text has a font color of #06b7fd.

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

#06b7fd background color

This paragraph has a background color of #06b7fd.

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

#06b7fd border color

This element has a border color of #06b7fd.

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

CSS codes

.text {color:#06b7fd;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001117
```
#001117 rgb(0,17,23)
```
#001f2b
```
#001f2b rgb(0,31,43)
```
#012d3e
```
#012d3e rgb(1,45,62)
```
#013b52
```
#013b52 rgb(1,59,82)
```
#014965
```
#014965 rgb(1,73,101)
```
#015779
```
#015779 rgb(1,87,121)
```
#01658c
```
#01658c rgb(1,101,140)
```
#0173a0
```
#0173a0 rgb(1,115,160)
```
#0181b3
```
#0181b3 rgb(1,129,179)
```
#028fc7
```
#028fc7 rgb(2,143,199)
```
#029dda
```
#029dda rgb(2,157,218)
```
#02abed
```
#02abed rgb(2,171,237)
```

Shade Color Variation

#06b7fd
```
#06b7fd rgb(6,183,253)
```
#19bdfd
```
#19bdfd rgb(25,189,253)
```
#2dc2fd
```
#2dc2fd rgb(45,194,253)
```
#40c8fd
```
#40c8fd rgb(64,200,253)
```
#54cefe
```
#54cefe rgb(84,206,254)
```
#67d3fe
```
#67d3fe rgb(103,211,254)
```
#7bd9fe
```
#7bd9fe rgb(123,217,254)
```
#8edefe
```
#8edefe rgb(142,222,254)
```
#a2e4fe
```
#a2e4fe rgb(162,228,254)
```
#b5eafe
```
#b5eafe rgb(181,234,254)
```
#c9efff
```
#c9efff rgb(201,239,255)
```
#dcf5ff
```
#dcf5ff rgb(220,245,255)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#7a8589
```
#7a8589 rgb(122,133,137)
```
#708993
```
#708993 rgb(112,137,147)
```
#678d9c
```
#678d9c rgb(103,141,156)
```
#5d91a6
```
#5d91a6 rgb(93,145,166)
```
#5396b0
```
#5396b0 rgb(83,150,176)
```
#4a9ab9
```
#4a9ab9 rgb(74,154,185)
```
#409ec3
```
#409ec3 rgb(64,158,195)
```
#36a2cd
```
#36a2cd rgb(54,162,205)
```
#2da6d6
```
#2da6d6 rgb(45,166,214)
```
#23aae0
```
#23aae0 rgb(35,170,224)
```
#19afea
```
#19afea rgb(25,175,234)
```
#10b3f3
```
#10b3f3 rgb(16,179,243)
```
#06b7fd
```
#06b7fd rgb(6,183,253)
```

Tone Color Variation

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

#98adf3 Protanopia 1% of men
#86afff Deuteranopia 1% of men
#00c1cd Tritanopia 0.001% of the population

Trichromacy

#62b0f6 Protanomaly 1% of men, 0.01% of women
#58b2fe Deuteranomaly 6% of men, 0.4% of women
#02bddf Tritanomaly 0.01% of the population

#06b7fd hex color

#06b7fd Color Information

#06b7fd Color Conversion

Color Schemes with #06b7fd

Alternatives to #06b7fd

#06b7fd Preview

Shades and Tints of #06b7fd

Tones of #06b7fd

Color Blindness Simulator