#06b3f5 hex color

In a RGB color space, hex #06b3f5 is composed of 2.4% red, 70.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 26.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 196.6 degrees, a saturation of 95.2% and a lightness of 49.2%. #06b3f5 color hex could be obtained by blending #0cffff with #0067eb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 70
- B 96
RGB color chart
- C 98
- M 27
- Y 0
- K 4
CMYK color chart

● #06b3f5 color description : Vivid blue.

The hexadecimal color #06b3f5 has RGB values of R:6, G:179, B:245 and CMYK values of C:0.98, M:0.27, Y:0, K:0.04. Its decimal value is 439285.

Hex triplet	06b3f5	`#06b3f5`
RGB Decimal	6, 179, 245	`rgb(6,179,245)`
RGB Percent	2.4, 70.2, 96.1	`rgb(2.4%,70.2%,96.1%)`
CMYK	98, 27, 0, 4
HSL	196.6°, 95.2, 49.2	`hsl(196.6,95.2%,49.2%)`
HSV (or HSB)	196.6°, 97.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.656, -14.641, -43.23
XYZ	32.672, 38.868, 92.161
xyY	0.2, 0.237, 38.868
CIE-LCH	68.656, 45.641, 251.29
CIE-LUV	68.656, -45.837, -68.052
Hunter-Lab	62.344, -15.558, -44.005
Binary	00000110, 10110011, 11110101

#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#f54806
```
#f54806 rgb(245,72,6)
```

Complementary Color

#06f5c0
```
#06f5c0 rgb(6,245,192)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#063cf5
```
#063cf5 rgb(6,60,245)
```

Analogous Color

#f5c006
```
#f5c006 rgb(245,192,6)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#f5063b
```
#f5063b rgb(245,6,59)
```

Split Complementary Color

#b3f506
```
#b3f506 rgb(179,245,6)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#f506b3
```
#f506b3 rgb(245,6,179)
```

Triadic Color

#06f548
```
#06f548 rgb(6,245,72)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#f506b3
```
#f506b3 rgb(245,6,179)
```
#f54806
```
#f54806 rgb(245,72,6)
```

Tetradic Color

#047caa
```
#047caa rgb(4,124,170)
```
#058fc3
```
#058fc3 rgb(5,143,195)
```
#05a1dc
```
#05a1dc rgb(5,161,220)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#1bbcf9
```
#1bbcf9 rgb(27,188,249)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#4dcbfb
```
#4dcbfb rgb(77,203,251)
```

Monochromatic Color

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

#06eff5
```
#06eff5 rgb(6,239,245)
```
#06dbf5
```
#06dbf5 rgb(6,219,245)
```
#06c7f5
```
#06c7f5 rgb(6,199,245)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#069ff5
```
#069ff5 rgb(6,159,245)
```
#068bf5
```
#068bf5 rgb(6,139,245)
```
#0677f5
```
#0677f5 rgb(6,119,245)
```

Similar Colors

Text with hexadecimal color #06b3f5

This text has a font color of #06b3f5.

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

#06b3f5 background color

This paragraph has a background color of #06b3f5.

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

#06b3f5 border color

This element has a border color of #06b3f5.

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

CSS codes

.text {color:#06b3f5;}

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

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

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, #000b0f is the darkest color, while #fbfeff is the lightest one.

#000b0f
```
#000b0f rgb(0,11,15)
```
#011922
```
#011922 rgb(1,25,34)
```
#012736
```
#012736 rgb(1,39,54)
```
#023549
```
#023549 rgb(2,53,73)
```
#02435c
```
#02435c rgb(2,67,92)
```
#03516f
```
#03516f rgb(3,81,111)
```
#035f82
```
#035f82 rgb(3,95,130)
```
#046d95
```
#046d95 rgb(4,109,149)
```
#047ba8
```
#047ba8 rgb(4,123,168)
```
#0589bc
```
#0589bc rgb(5,137,188)
```
#0597cf
```
#0597cf rgb(5,151,207)
```
#06a5e2
```
#06a5e2 rgb(6,165,226)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```

Shade Color Variation

#15baf9
```
#15baf9 rgb(21,186,249)
```
#28c0fa
```
#28c0fa rgb(40,192,250)
```
#3cc6fa
```
#3cc6fa rgb(60,198,250)
```
#4fcbfb
```
#4fcbfb rgb(79,203,251)
```
#62d1fb
```
#62d1fb rgb(98,209,251)
```
#75d6fc
```
#75d6fc rgb(117,214,252)
```
#88dcfc
```
#88dcfc rgb(136,220,252)
```
#9be2fd
```
#9be2fd rgb(155,226,253)
```
#afe7fd
```
#afe7fd rgb(175,231,253)
```
#c2edfd
```
#c2edfd rgb(194,237,253)
```
#d5f3fe
```
#d5f3fe rgb(213,243,254)
```
#e8f8fe
```
#e8f8fe rgb(232,248,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#7a7f81
```
#7a7f81 rgb(122,127,129)
```
#70838b
```
#70838b rgb(112,131,139)
```
#678894
```
#678894 rgb(103,136,148)
```
#5d8c9e
```
#5d8c9e rgb(93,140,158)
```
#5390a8
```
#5390a8 rgb(83,144,168)
```
#4a95b1
```
#4a95b1 rgb(74,149,177)
```
#4099bb
```
#4099bb rgb(64,153,187)
```
#369dc5
```
#369dc5 rgb(54,157,197)
```
#2da2ce
```
#2da2ce rgb(45,162,206)
```
#23a6d8
```
#23a6d8 rgb(35,166,216)
```
#19aae2
```
#19aae2 rgb(25,170,226)
```
#10afeb
```
#10afeb rgb(16,175,235)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6d909d Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a9eb Protanopia 1% of men
#83abfa Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#61adef Protanomaly 1% of men, 0.01% of women
#56aef8 Deuteranomaly 6% of men, 0.4% of women
#02b9d9 Tritanomaly 0.01% of the population

#06b3f5 hex color

#06b3f5 Color Information

#06b3f5 Color Conversion

Color Schemes with #06b3f5

Alternatives to #06b3f5

#06b3f5 Preview

Shades and Tints of #06b3f5

Tones of #06b3f5

Color Blindness Simulator