colorhexa.com

#04dfbf hex color

In a RGB color space, hex #04dfbf is composed of 1.6% red, 87.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 0% magenta, 14.3% yellow and 12.5% black. It has a hue angle of 171.2 degrees, a saturation of 96.5% and a lightness of 44.5%. #04dfbf color hex could be obtained by blending #08ffff with #00bf7f. Closest websafe color is: #00cccc.

- R 2
- G 87
- B 75
RGB color chart
- C 98
- M 0
- Y 14
- K 13
CMYK color chart

● #04dfbf color description : Vivid cyan.

The hexadecimal color #04dfbf has RGB values of R:4, G:223, B:191 and CMYK values of C:0.98, M:0, Y:0.14, K:0.13. Its decimal value is 319423.

Hex triplet	04dfbf	`#04dfbf`
RGB Decimal	4, 223, 191	`rgb(4,223,191)`
RGB Percent	1.6, 87.5, 74.9	`rgb(1.6%,87.5%,74.9%)`
CMYK	98, 0, 14, 13
HSL	171.2°, 96.5, 44.5	`hsl(171.2,96.5%,44.5%)`
HSV (or HSB)	171.2°, 98.2, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.931, -52.274, 2.979
XYZ	35.838, 56.559, 58.315
xyY	0.238, 0.375, 56.559
CIE-LCH	79.931, 52.359, 176.739
CIE-LUV	79.931, -64.938, 12.737
Hunter-Lab	75.206, -46.548, 6.67
Binary	00000100, 11011111, 10111111

#04dfbf
```
#04dfbf rgb(4,223,191)
```
#df0424
```
#df0424 rgb(223,4,36)
```

Complementary Color

#04df52
```
#04df52 rgb(4,223,82)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#0492df
```
#0492df rgb(4,146,223)
```

Analogous Color

#df5204
```
#df5204 rgb(223,82,4)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#df0492
```
#df0492 rgb(223,4,146)
```

Split Complementary Color

#dfbf04
```
#dfbf04 rgb(223,191,4)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#bf04df
```
#bf04df rgb(191,4,223)
```

Triadic Color

#03947f
```
#03947f rgb(3,148,127)
```
#03ad94
```
#03ad94 rgb(3,173,148)
```
#04c6aa
```
#04c6aa rgb(4,198,170)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#04f8d4
```
#04f8d4 rgb(4,248,212)
```
#1bfbda
```
#1bfbda rgb(27,251,218)
```
#34fbde
```
#34fbde rgb(52,251,222)
```

Monochromatic Color

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

#04df88
```
#04df88 rgb(4,223,136)
```
#04df9b
```
#04df9b rgb(4,223,155)
```
#04dfad
```
#04dfad rgb(4,223,173)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#04dfd1
```
#04dfd1 rgb(4,223,209)
```
#04dbdf
```
#04dbdf rgb(4,219,223)
```
#04c8df
```
#04c8df rgb(4,200,223)
```

Similar Colors

Text with hexadecimal color #04dfbf

This text has a font color of #04dfbf.

<span style="color:#04dfbf;">Text here</span>

#04dfbf background color

This paragraph has a background color of #04dfbf.

<p style="background-color:#04dfbf;">Content here</p>

#04dfbf border color

This element has a border color of #04dfbf.

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

CSS codes

.text {color:#04dfbf;}

.background {background-color:#04dfbf;}

.border {border:1px solid #04dfbf;}

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

#000b09
```
#000b09 rgb(0,11,9)
```
#011e1a
```
#011e1a rgb(1,30,26)
```
#01322a
```
#01322a rgb(1,50,42)
```
#01453b
```
#01453b rgb(1,69,59)
```
#02584b
```
#02584b rgb(2,88,75)
```
#026b5c
```
#026b5c rgb(2,107,92)
```
#027f6c
```
#027f6c rgb(2,127,108)
```
#03927d
```
#03927d rgb(3,146,125)
```
#03a58d
```
#03a58d rgb(3,165,141)
```
#03b89e
```
#03b89e rgb(3,184,158)
```
#04ccae
```
#04ccae rgb(4,204,174)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```
#04f2d0
```
#04f2d0 rgb(4,242,208)
```

Shade Color Variation

#10fbd8
```
#10fbd8 rgb(16,251,216)
```
#23fbdb
```
#23fbdb rgb(35,251,219)
```
#36fbdf
```
#36fbdf rgb(54,251,223)
```
#49fce2
```
#49fce2 rgb(73,252,226)
```
#5dfce5
```
#5dfce5 rgb(93,252,229)
```
#70fce8
```
#70fce8 rgb(112,252,232)
```
#83fdeb
```
#83fdeb rgb(131,253,235)
```
#96fdee
```
#96fdee rgb(150,253,238)
```
#aafdf1
```
#aafdf1 rgb(170,253,241)
```
#bdfef4
```
#bdfef4 rgb(189,254,244)
```
#d0fef7
```
#d0fef7 rgb(208,254,247)
```
#e3fffb
```
#e3fffb rgb(227,255,251)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7675 is the less saturated color, while #04dfbf is the most saturated one.

#6d7675
```
#6d7675 rgb(109,118,117)
```
#647f7b
```
#647f7b rgb(100,127,123)
```
#5b8881
```
#5b8881 rgb(91,136,129)
```
#539087
```
#539087 rgb(83,144,135)
```
#4a998e
```
#4a998e rgb(74,153,142)
```
#41a294
```
#41a294 rgb(65,162,148)
```
#38ab9a
```
#38ab9a rgb(56,171,154)
```
#30b3a0
```
#30b3a0 rgb(48,179,160)
```
#27bca6
```
#27bca6 rgb(39,188,166)
```
#1ec5ac
```
#1ec5ac rgb(30,197,172)
```
#15ceb3
```
#15ceb3 rgb(21,206,179)
```
#0dd6b9
```
#0dd6b9 rgb(13,214,185)
```
#04dfbf
```
#04dfbf rgb(4,223,191)
```

Tone Color Variation

Below, you can see how #04dfbf 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

#9a9a9a Achromatopsia 0.005% of the population
#7ca8a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c8b6 Protanopia 1% of men
#d9c3cc Deuteranopia 1% of men
#4bdaea Tritanopia 0.001% of the population

Trichromacy

#86d0b9 Protanomaly 1% of men, 0.01% of women
#8ccdc7 Deuteranomaly 6% of men, 0.4% of women
#31dcda Tritanomaly 0.01% of the population