colorhexa.com

#06f4bf hex color

In a RGB color space, hex #06f4bf is composed of 2.4% red, 95.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 0% magenta, 21.7% yellow and 4.3% black. It has a hue angle of 166.6 degrees, a saturation of 95.2% and a lightness of 49%. #06f4bf color hex could be obtained by blending #0cffff with #00e97f. Closest websafe color is: #00ffcc.

- R 2
- G 96
- B 75
RGB color chart
- C 98
- M 0
- Y 22
- K 4
CMYK color chart

● #06f4bf color description : Vivid cyan.

The hexadecimal color #06f4bf has RGB values of R:6, G:244, B:191 and CMYK values of C:0.98, M:0, Y:0.22, K:0.04. Its decimal value is 455871.

Hex triplet	06f4bf	`#06f4bf`
RGB Decimal	6, 244, 191	`rgb(6,244,191)`
RGB Percent	2.4, 95.7, 74.9	`rgb(2.4%,95.7%,74.9%)`
CMYK	98, 0, 22, 4
HSL	166.6°, 95.2, 49	`hsl(166.6,95.2%,49%)`
HSV (or HSB)	166.6°, 97.5, 95.7
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.254, -60.441, 12.056
XYZ	41.826, 68.497, 60.304
xyY	0.245, 0.401, 68.497
CIE-LCH	86.254, 61.631, 168.72
CIE-LUV	86.254, -71.783, 27.77
Hunter-Lab	82.763, -54.627, 14.733
Binary	00000110, 11110100, 10111111

#06f4bf
```
#06f4bf rgb(6,244,191)
```
#f4063b
```
#f4063b rgb(244,6,59)
```

Complementary Color

#06f448
```
#06f448 rgb(6,244,72)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```
#06b2f4
```
#06b2f4 rgb(6,178,244)
```

Analogous Color

#f44806
```
#f44806 rgb(244,72,6)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```
#f406b2
```
#f406b2 rgb(244,6,178)
```

Split Complementary Color

#f4bf06
```
#f4bf06 rgb(244,191,6)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```
#bf06f4
```
#bf06f4 rgb(191,6,244)
```

Triadic Color

#04a985
```
#04a985 rgb(4,169,133)
```
#05c298
```
#05c298 rgb(5,194,152)
```
#05dbac
```
#05dbac rgb(5,219,172)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```
#1af9c8
```
#1af9c8 rgb(26,249,200)
```
#33face
```
#33face rgb(51,250,206)
```
#4cfbd4
```
#4cfbd4 rgb(76,251,212)
```

Monochromatic Color

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

#06f484
```
#06f484 rgb(6,244,132)
```
#06f497
```
#06f497 rgb(6,244,151)
```
#06f4ab
```
#06f4ab rgb(6,244,171)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```
#06f4d3
```
#06f4d3 rgb(6,244,211)
```
#06f4e7
```
#06f4e7 rgb(6,244,231)
```
#06eef4
```
#06eef4 rgb(6,238,244)
```

Similar Colors

Text with hexadecimal color #06f4bf

This text has a font color of #06f4bf.

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

#06f4bf background color

This paragraph has a background color of #06f4bf.

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

#06f4bf border color

This element has a border color of #06f4bf.

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

CSS codes

.text {color:#06f4bf;}

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

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

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

#000e0b
```
#000e0b rgb(0,14,11)
```
#01211a
```
#01211a rgb(1,33,26)
```
#013529
```
#013529 rgb(1,53,41)
```
#024838
```
#024838 rgb(2,72,56)
```
#025b47
```
#025b47 rgb(2,91,71)
```
#036e56
```
#036e56 rgb(3,110,86)
```
#038165
```
#038165 rgb(3,129,101)
```
#049474
```
#049474 rgb(4,148,116)
```
#04a783
```
#04a783 rgb(4,167,131)
```
#05bb92
```
#05bb92 rgb(5,187,146)
```
#05cea1
```
#05cea1 rgb(5,206,161)
```
#06e1b0
```
#06e1b0 rgb(6,225,176)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```

Shade Color Variation

#14f9c6
```
#14f9c6 rgb(20,249,198)
```
#28facb
```
#28facb rgb(40,250,203)
```
#3bfad0
```
#3bfad0 rgb(59,250,208)
```
#4efbd4
```
#4efbd4 rgb(78,251,212)
```
#61fbd9
```
#61fbd9 rgb(97,251,217)
```
#74fcdd
```
#74fcdd rgb(116,252,221)
```
#87fce2
```
#87fce2 rgb(135,252,226)
```
#9afde7
```
#9afde7 rgb(154,253,231)
```
#aefdeb
```
#aefdeb rgb(174,253,235)
```
#c1fdf0
```
#c1fdf0 rgb(193,253,240)
```
#d4fef5
```
#d4fef5 rgb(212,254,245)
```
#e7fef9
```
#e7fef9 rgb(231,254,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#79817f
```
#79817f rgb(121,129,127)
```
#708a84
```
#708a84 rgb(112,138,132)
```
#66948a
```
#66948a rgb(102,148,138)
```
#5d9d8f
```
#5d9d8f rgb(93,157,143)
```
#53a794
```
#53a794 rgb(83,167,148)
```
#49b19a
```
#49b19a rgb(73,177,154)
```
#40ba9f
```
#40ba9f rgb(64,186,159)
```
#36c4a4
```
#36c4a4 rgb(54,196,164)
```
#2cceaa
```
#2cceaa rgb(44,206,170)
```
#23d7af
```
#23d7af rgb(35,215,175)
```
#19e1b4
```
#19e1b4 rgb(25,225,180)
```
#10eaba
```
#10eaba rgb(16,234,186)
```
#06f4bf
```
#06f4bf rgb(6,244,191)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#87b6ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d9b5 Protanopia 1% of men
#f2d2ce Deuteranopia 1% of men
#5aecfd Tritanopia 0.001% of the population

Trichromacy

#94e3b9 Protanomaly 1% of men, 0.01% of women
#9cdec8 Deuteranomaly 6% of men, 0.4% of women
#3befe6 Tritanomaly 0.01% of the population