#06b2f0 hex color

In a RGB color space, hex #06b2f0 is composed of 2.4% red, 69.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 25.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 195.9 degrees, a saturation of 95.1% and a lightness of 48.2%. #06b2f0 color hex could be obtained by blending #0cffff with #0065e1. Closest websafe color is: #0099ff.

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

● #06b2f0 color description : Vivid blue.

The hexadecimal color #06b2f0 has RGB values of R:6, G:178, B:240 and CMYK values of C:0.98, M:0.26, Y:0, K:0.06. Its decimal value is 439024.

Hex triplet	06b2f0	`#06b2f0`
RGB Decimal	6, 178, 240	`rgb(6,178,240)`
RGB Percent	2.4, 69.8, 94.1	`rgb(2.4%,69.8%,94.1%)`
CMYK	98, 26, 0, 6
HSL	195.9°, 95.1, 48.2	`hsl(195.9,95.1%,48.2%)`
HSV (or HSB)	195.9°, 97.5, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.144, -15.873, -41.311
XYZ	31.72, 38.168, 88.129
xyY	0.201, 0.242, 38.168
CIE-LCH	68.144, 44.256, 248.982
CIE-LUV	68.144, -45.862, -64.555
Hunter-Lab	61.78, -16.468, -41.331
Binary	00000110, 10110010, 11110000

#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#f04406
```
#f04406 rgb(240,68,6)
```

Complementary Color

#06f0b9
```
#06f0b9 rgb(6,240,185)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#063df0
```
#063df0 rgb(6,61,240)
```

Analogous Color

#f0b906
```
#f0b906 rgb(240,185,6)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#f0063d
```
#f0063d rgb(240,6,61)
```

Split Complementary Color

#b2f006
```
#b2f006 rgb(178,240,6)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#f006b2
```
#f006b2 rgb(240,6,178)
```

Triadic Color

#06f044
```
#06f044 rgb(6,240,68)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#f006b2
```
#f006b2 rgb(240,6,178)
```
#f04406
```
#f04406 rgb(240,68,6)
```

Tetradic Color

#047ba5
```
#047ba5 rgb(4,123,165)
```
#058dbe
```
#058dbe rgb(5,141,190)
```
#05a0d7
```
#05a0d7 rgb(5,160,215)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#16bdf9
```
#16bdf9 rgb(22,189,249)
```
#2fc4fa
```
#2fc4fa rgb(47,196,250)
```
#48cbfa
```
#48cbfa rgb(72,203,250)
```

Monochromatic Color

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

#06edf0
```
#06edf0 rgb(6,237,240)
```
#06d9f0
```
#06d9f0 rgb(6,217,240)
```
#06c6f0
```
#06c6f0 rgb(6,198,240)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```
#069ff0
```
#069ff0 rgb(6,159,240)
```
#068bf0
```
#068bf0 rgb(6,139,240)
```
#0678f0
```
#0678f0 rgb(6,120,240)
```

Similar Colors

Text with hexadecimal color #06b2f0

This text has a font color of #06b2f0.

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

#06b2f0 background color

This paragraph has a background color of #06b2f0.

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

#06b2f0 border color

This element has a border color of #06b2f0.

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

CSS codes

.text {color:#06b2f0;}

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

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

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#01161d
```
#01161d rgb(1,22,29)
```
#012431
```
#012431 rgb(1,36,49)
```
#023244
```
#023244 rgb(2,50,68)
```
#024057
```
#024057 rgb(2,64,87)
```
#034f6a
```
#034f6a rgb(3,79,106)
```
#035d7d
```
#035d7d rgb(3,93,125)
```
#046b90
```
#046b90 rgb(4,107,144)
```
#0479a3
```
#0479a3 rgb(4,121,163)
```
#0587b7
```
#0587b7 rgb(5,135,183)
```
#0596ca
```
#0596ca rgb(5,150,202)
```
#06a4dd
```
#06a4dd rgb(6,164,221)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```

Shade Color Variation

#11bbf9
```
#11bbf9 rgb(17,187,249)
```
#24c1fa
```
#24c1fa rgb(36,193,250)
```
#37c6fa
```
#37c6fa rgb(55,198,250)
```
#4accfa
```
#4accfa rgb(74,204,250)
```
#5dd1fb
```
#5dd1fb rgb(93,209,251)
```
#70d7fb
```
#70d7fb rgb(112,215,251)
```
#83dcfc
```
#83dcfc rgb(131,220,252)
```
#97e1fc
```
#97e1fc rgb(151,225,252)
```
#aae7fd
```
#aae7fd rgb(170,231,253)
```
#bdecfd
```
#bdecfd rgb(189,236,253)
```
#d0f2fe
```
#d0f2fe rgb(208,242,254)
```
#e3f7fe
```
#e3f7fe rgb(227,247,254)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#787d7e
```
#787d7e rgb(120,125,126)
```
#6e8188
```
#6e8188 rgb(110,129,136)
```
#658691
```
#658691 rgb(101,134,145)
```
#5b8a9b
```
#5b8a9b rgb(91,138,155)
```
#528ea4
```
#528ea4 rgb(82,142,164)
```
#4893ae
```
#4893ae rgb(72,147,174)
```
#3f97b7
```
#3f97b7 rgb(63,151,183)
```
#359cc1
```
#359cc1 rgb(53,156,193)
```
#2ca0ca
```
#2ca0ca rgb(44,160,202)
```
#22a5d4
```
#22a5d4 rgb(34,165,212)
```
#19a9dd
```
#19a9dd rgb(25,169,221)
```
#0faee7
```
#0faee7 rgb(15,174,231)
```
#06b2f0
```
#06b2f0 rgb(6,178,240)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c8f9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a8e7 Protanopia 1% of men
#85a9f5 Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#61abea Protanomaly 1% of men, 0.01% of women
#57acf3 Deuteranomaly 6% of men, 0.4% of women
#02b7d6 Tritanomaly 0.01% of the population

#06b2f0 hex color

#06b2f0 Color Information

#06b2f0 Color Conversion

Color Schemes with #06b2f0

Alternatives to #06b2f0

#06b2f0 Preview

Shades and Tints of #06b2f0

Tones of #06b2f0

Color Blindness Simulator