#04bbdf hex color

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

♥
- f
- t
- g
- R 2
- G 73
- B 87
RGB color chart
- C 98
- M 16
- Y 0
- K 13
CMYK color chart

● #04bbdf color description : Vivid cyan.

The hexadecimal color #04bbdf has RGB values of R:4, G:187, B:223 and CMYK values of C:0.98, M:0.16, Y:0, K:0.13. Its decimal value is 310239.

Hex triplet	04bbdf	`#04bbdf`
RGB Decimal	4, 187, 223	`rgb(4,187,223)`
RGB Percent	1.6, 73.3, 87.5	`rgb(1.6%,73.3%,87.5%)`
CMYK	98, 16, 0, 13
HSL	189.9°, 96.5, 44.5	`hsl(189.9,96.5%,44.5%)`
HSV (or HSB)	189.9°, 98.2, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.1, -26.442, -29.01
XYZ	31.136, 40.891, 76.06
xyY	0.21, 0.276, 40.891
CIE-LCH	70.1, 39.253, 227.651
CIE-LUV	70.1, -50.236, -42.489
Hunter-Lab	63.946, -24.992, -25.759
Binary	00000100, 10111011, 11011111

#04bbdf
```
#04bbdf rgb(4,187,223)
```
#df2804
```
#df2804 rgb(223,40,4)
```

Complementary Color

#04df96
```
#04df96 rgb(4,223,150)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#044edf
```
#044edf rgb(4,78,223)
```

Analogous Color

#df9604
```
#df9604 rgb(223,150,4)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#df044e
```
#df044e rgb(223,4,78)
```

Split Complementary Color

#bbdf04
```
#bbdf04 rgb(187,223,4)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#df04bb
```
#df04bb rgb(223,4,187)
```

Triadic Color

#04df28
```
#04df28 rgb(4,223,40)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#df04bb
```
#df04bb rgb(223,4,187)
```
#df2804
```
#df2804 rgb(223,40,4)
```

Tetradic Color

#037c94
```
#037c94 rgb(3,124,148)
```
#0391ad
```
#0391ad rgb(3,145,173)
```
#04a6c6
```
#04a6c6 rgb(4,166,198)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#04d0f8
```
#04d0f8 rgb(4,208,248)
```
#1bd6fb
```
#1bd6fb rgb(27,214,251)
```
#34dbfb
```
#34dbfb rgb(52,219,251)
```

Monochromatic Color

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

#04dfcc
```
#04dfcc rgb(4,223,204)
```
#04dfdf
```
#04dfdf rgb(4,223,223)
```
#04cddf
```
#04cddf rgb(4,205,223)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#04a9df
```
#04a9df rgb(4,169,223)
```
#0497df
```
#0497df rgb(4,151,223)
```
#0484df
```
#0484df rgb(4,132,223)
```

Similar Colors

Text with hexadecimal color #04bbdf

This text has a font color of #04bbdf.

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

#04bbdf background color

This paragraph has a background color of #04bbdf.

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

#04bbdf border color

This element has a border color of #04bbdf.

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

CSS codes

.text {color:#04bbdf;}

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

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

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, #00090b is the darkest color, while #f7feff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#01191e
```
#01191e rgb(1,25,30)
```
#012a32
```
#012a32 rgb(1,42,50)
```
#013a45
```
#013a45 rgb(1,58,69)
```
#024a58
```
#024a58 rgb(2,74,88)
```
#025a6b
```
#025a6b rgb(2,90,107)
```
#026a7f
```
#026a7f rgb(2,106,127)
```
#037a92
```
#037a92 rgb(3,122,146)
```
#038ba5
```
#038ba5 rgb(3,139,165)
```
#039bb8
```
#039bb8 rgb(3,155,184)
```
#04abcc
```
#04abcc rgb(4,171,204)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```
#04cbf2
```
#04cbf2 rgb(4,203,242)
```

Shade Color Variation

#10d4fb
```
#10d4fb rgb(16,212,251)
```
#23d8fb
```
#23d8fb rgb(35,216,251)
```
#36dbfb
```
#36dbfb rgb(54,219,251)
```
#49defc
```
#49defc rgb(73,222,252)
```
#5de2fc
```
#5de2fc rgb(93,226,252)
```
#70e5fc
```
#70e5fc rgb(112,229,252)
```
#83e9fd
```
#83e9fd rgb(131,233,253)
```
#96ecfd
```
#96ecfd rgb(150,236,253)
```
#aaf0fd
```
#aaf0fd rgb(170,240,253)
```
#bdf3fe
```
#bdf3fe rgb(189,243,254)
```
#d0f7fe
```
#d0f7fe rgb(208,247,254)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#6d7576
```
#6d7576 rgb(109,117,118)
```
#647b7f
```
#647b7f rgb(100,123,127)
```
#5b8088
```
#5b8088 rgb(91,128,136)
```
#538690
```
#538690 rgb(83,134,144)
```
#4a8c99
```
#4a8c99 rgb(74,140,153)
```
#4192a2
```
#4192a2 rgb(65,146,162)
```
#3898ab
```
#3898ab rgb(56,152,171)
```
#309eb3
```
#309eb3 rgb(48,158,179)
```
#27a4bc
```
#27a4bc rgb(39,164,188)
```
#1ea9c5
```
#1ea9c5 rgb(30,169,197)
```
#15afce
```
#15afce rgb(21,175,206)
```
#0db5d6
```
#0db5d6 rgb(13,181,214)
```
#04bbdf
```
#04bbdf rgb(4,187,223)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6e9299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aed5 Protanopia 1% of men
#9eade7 Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6ab2d9 Protanomaly 1% of men, 0.01% of women
#66b2e4 Deuteranomaly 6% of men, 0.4% of women
#01bed4 Tritanomaly 0.01% of the population

#04bbdf hex color

#04bbdf Color Information

#04bbdf Color Conversion

Color Schemes with #04bbdf

Alternatives to #04bbdf

#04bbdf Preview

Shades and Tints of #04bbdf

Tones of #04bbdf

Color Blindness Simulator