#04bdd7 hex color

In a RGB color space, hex #04bdd7 is composed of 1.6% red, 74.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 12.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 187.4 degrees, a saturation of 96.3% and a lightness of 42.9%. #04bdd7 color hex could be obtained by blending #08ffff with #007baf. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 84
RGB color chart
- C 98
- M 12
- Y 0
- K 16
CMYK color chart

● #04bdd7 color description : Strong cyan.

The hexadecimal color #04bdd7 has RGB values of R:4, G:189, B:215 and CMYK values of C:0.98, M:0.12, Y:0, K:0.16. Its decimal value is 310743.

Hex triplet	04bdd7	`#04bdd7`
RGB Decimal	4, 189, 215	`rgb(4,189,215)`
RGB Percent	1.6, 74.1, 84.3	`rgb(1.6%,74.1%,84.3%)`
CMYK	98, 12, 0, 16
HSL	187.4°, 96.3, 42.9	`hsl(187.4,96.3%,42.9%)`
HSV (or HSB)	187.4°, 98.1, 84.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.402, -30.074, -24.181
XYZ	30.51, 41.324, 70.655
xyY	0.214, 0.29, 41.324
CIE-LCH	70.402, 38.59, 218.8
CIE-LUV	70.402, -51.544, -33.905
Hunter-Lab	64.284, -27.779, -20.167
Binary	00000100, 10111101, 11010111

#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#d71e04
```
#d71e04 rgb(215,30,4)
```

Complementary Color

#04d788
```
#04d788 rgb(4,215,136)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#0453d7
```
#0453d7 rgb(4,83,215)
```

Analogous Color

#d78804
```
#d78804 rgb(215,136,4)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#d70454
```
#d70454 rgb(215,4,84)
```

Split Complementary Color

#bdd704
```
#bdd704 rgb(189,215,4)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#d704bd
```
#d704bd rgb(215,4,189)
```

Triadic Color

#04d71e
```
#04d71e rgb(4,215,30)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#d704bd
```
#d704bd rgb(215,4,189)
```
#d71e04
```
#d71e04 rgb(215,30,4)
```

Tetradic Color

#037b8c
```
#037b8c rgb(3,123,140)
```
#0391a5
```
#0391a5 rgb(3,145,165)
```
#04a7be
```
#04a7be rgb(4,167,190)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#04d3f0
```
#04d3f0 rgb(4,211,240)
```
#13defb
```
#13defb rgb(19,222,251)
```
#2ce2fb
```
#2ce2fb rgb(44,226,251)
```

Monochromatic Color

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

#04d7bc
```
#04d7bc rgb(4,215,188)
```
#04d7ce
```
#04d7ce rgb(4,215,206)
```
#04cfd7
```
#04cfd7 rgb(4,207,215)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#04abd7
```
#04abd7 rgb(4,171,215)
```
#049ad7
```
#049ad7 rgb(4,154,215)
```
#0488d7
```
#0488d7 rgb(4,136,215)
```

Similar Colors

Text with hexadecimal color #04bdd7

This text has a font color of #04bdd7.

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

#04bdd7 background color

This paragraph has a background color of #04bdd7.

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

#04bdd7 border color

This element has a border color of #04bdd7.

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

CSS codes

.text {color:#04bdd7;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001416
```
#001416 rgb(0,20,22)
```
#01252a
```
#01252a rgb(1,37,42)
```
#01363d
```
#01363d rgb(1,54,61)
```
#014750
```
#014750 rgb(1,71,80)
```
#025763
```
#025763 rgb(2,87,99)
```
#026877
```
#026877 rgb(2,104,119)
```
#03798a
```
#03798a rgb(3,121,138)
```
#038a9d
```
#038a9d rgb(3,138,157)
```
#039bb0
```
#039bb0 rgb(3,155,176)
```
#04acc4
```
#04acc4 rgb(4,172,196)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```
#04ceea
```
#04ceea rgb(4,206,234)
```

Shade Color Variation

#08ddfa
```
#08ddfa rgb(8,221,250)
```
#1bdffb
```
#1bdffb rgb(27,223,251)
```
#2ee2fb
```
#2ee2fb rgb(46,226,251)
```
#42e5fb
```
#42e5fb rgb(66,229,251)
```
#55e7fc
```
#55e7fc rgb(85,231,252)
```
#68eafc
```
#68eafc rgb(104,234,252)
```
#7bedfd
```
#7bedfd rgb(123,237,253)
```
#8feffd
```
#8feffd rgb(143,239,253)
```
#a2f2fd
```
#a2f2fd rgb(162,242,253)
```
#b5f5fe
```
#b5f5fe rgb(181,245,254)
```
#c8f7fe
```
#c8f7fe rgb(200,247,254)
```
#dcfafe
```
#dcfafe rgb(220,250,254)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#697172
```
#697172 rgb(105,113,114)
```
#61777a
```
#61777a rgb(97,119,122)
```
#587e83
```
#587e83 rgb(88,126,131)
```
#50848b
```
#50848b rgb(80,132,139)
```
#478a94
```
#478a94 rgb(71,138,148)
```
#3f919c
```
#3f919c rgb(63,145,156)
```
#3797a4
```
#3797a4 rgb(55,151,164)
```
#2e9dad
```
#2e9dad rgb(46,157,173)
```
#26a4b5
```
#26a4b5 rgb(38,164,181)
```
#1daabe
```
#1daabe rgb(29,170,190)
```
#15b0c6
```
#15b0c6 rgb(21,176,198)
```
#0cb7cf
```
#0cb7cf rgb(12,183,207)
```
#04bdd7
```
#04bdd7 rgb(4,189,215)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e9399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9afce Protanopia 1% of men
#a5ade0 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#6db4d1 Protanomaly 1% of men, 0.01% of women
#6ab3dc Deuteranomaly 6% of men, 0.4% of women
#01bfd2 Tritanomaly 0.01% of the population

#04bdd7 hex color

#04bdd7 Color Information

#04bdd7 Color Conversion

Color Schemes with #04bdd7

Alternatives to #04bdd7

#04bdd7 Preview

Shades and Tints of #04bdd7

Tones of #04bdd7

Color Blindness Simulator