#04b2d9 hex color

In a RGB color space, hex #04b2d9 is composed of 1.6% red, 69.8% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 18% magenta, 0% yellow and 14.9% black. It has a hue angle of 191 degrees, a saturation of 96.4% and a lightness of 43.3%. #04b2d9 color hex could be obtained by blending #08ffff with #0065b3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 70
- B 85
RGB color chart
- C 98
- M 18
- Y 0
- K 15
CMYK color chart

● #04b2d9 color description : Vivid cyan.

The hexadecimal color #04b2d9 has RGB values of R:4, G:178, B:217 and CMYK values of C:0.98, M:0.18, Y:0, K:0.15. Its decimal value is 307929.

Hex triplet	04b2d9	`#04b2d9`
RGB Decimal	4, 178, 217	`rgb(4,178,217)`
RGB Percent	1.6, 69.8, 85.1	`rgb(1.6%,69.8%,85.1%)`
CMYK	98, 18, 0, 15
HSL	191°, 96.4, 43.3	`hsl(191,96.4%,43.3%)`
HSV (or HSB)	191°, 98.2, 85.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	67.182, -23.915, -30.224
XYZ	28.491, 36.873, 71.257
xyY	0.209, 0.27, 36.873
CIE-LCH	67.182, 38.542, 231.647
CIE-LUV	67.182, -47.645, -44.623
Hunter-Lab	60.724, -22.514, -27.069
Binary	00000100, 10110010, 11011001

#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#d92b04
```
#d92b04 rgb(217,43,4)
```

Complementary Color

#04d996
```
#04d996 rgb(4,217,150)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#0448d9
```
#0448d9 rgb(4,72,217)
```

Analogous Color

#d99604
```
#d99604 rgb(217,150,4)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#d90448
```
#d90448 rgb(217,4,72)
```

Split Complementary Color

#b2d904
```
#b2d904 rgb(178,217,4)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#d904b2
```
#d904b2 rgb(217,4,178)
```

Triadic Color

#04d92b
```
#04d92b rgb(4,217,43)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#d904b2
```
#d904b2 rgb(217,4,178)
```
#d92b04
```
#d92b04 rgb(217,43,4)
```

Tetradic Color

#03748e
```
#03748e rgb(3,116,142)
```
#0389a7
```
#0389a7 rgb(3,137,167)
```
#049dc0
```
#049dc0 rgb(4,157,192)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#04c7f2
```
#04c7f2 rgb(4,199,242)
```
#15d1fb
```
#15d1fb rgb(21,209,251)
```
#2ed6fb
```
#2ed6fb rgb(46,214,251)
```

Monochromatic Color

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

#04d9cb
```
#04d9cb rgb(4,217,203)
```
#04d6d9
```
#04d6d9 rgb(4,214,217)
```
#04c4d9
```
#04c4d9 rgb(4,196,217)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#04a0d9
```
#04a0d9 rgb(4,160,217)
```
#048fd9
```
#048fd9 rgb(4,143,217)
```
#047dd9
```
#047dd9 rgb(4,125,217)
```

Similar Colors

Text with hexadecimal color #04b2d9

This text has a font color of #04b2d9.

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

#04b2d9 background color

This paragraph has a background color of #04b2d9.

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

#04b2d9 border color

This element has a border color of #04b2d9.

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

CSS codes

.text {color:#04b2d9;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001418
```
#001418 rgb(0,20,24)
```
#01242c
```
#01242c rgb(1,36,44)
```
#01343f
```
#01343f rgb(1,52,63)
```
#024352
```
#024352 rgb(2,67,82)
```
#025365
```
#025365 rgb(2,83,101)
```
#026379
```
#026379 rgb(2,99,121)
```
#03738c
```
#03738c rgb(3,115,140)
```
#03839f
```
#03839f rgb(3,131,159)
```
#0392b2
```
#0392b2 rgb(3,146,178)
```
#04a2c6
```
#04a2c6 rgb(4,162,198)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```
#04c2ec
```
#04c2ec rgb(4,194,236)
```

Shade Color Variation

#0acefa
```
#0acefa rgb(10,206,250)
```
#1dd2fb
```
#1dd2fb rgb(29,210,251)
```
#30d6fb
```
#30d6fb rgb(48,214,251)
```
#44dafc
```
#44dafc rgb(68,218,252)
```
#57defc
```
#57defc rgb(87,222,252)
```
#6ae1fc
```
#6ae1fc rgb(106,225,252)
```
#7de5fd
```
#7de5fd rgb(125,229,253)
```
#91e9fd
```
#91e9fd rgb(145,233,253)
```
#a4edfd
```
#a4edfd rgb(164,237,253)
```
#b7f1fe
```
#b7f1fe rgb(183,241,254)
```
#caf5fe
```
#caf5fe rgb(202,245,254)
```
#def8fe
```
#def8fe rgb(222,248,254)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#6a7173
```
#6a7173 rgb(106,113,115)
```
#62777c
```
#62777c rgb(98,119,124)
```
#597c84
```
#597c84 rgb(89,124,132)
```
#51828d
```
#51828d rgb(81,130,141)
```
#488795
```
#488795 rgb(72,135,149)
```
#408c9e
```
#408c9e rgb(64,140,158)
```
#3792a6
```
#3792a6 rgb(55,146,166)
```
#2f97af
```
#2f97af rgb(47,151,175)
```
#269cb7
```
#269cb7 rgb(38,156,183)
```
#1ea2c0
```
#1ea2c0 rgb(30,162,192)
```
#15a7c8
```
#15a7c8 rgb(21,167,200)
```
#0dadd1
```
#0dadd1 rgb(13,173,209)
```
#04b2d9
```
#04b2d9 rgb(4,178,217)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#698c93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6d0 Protanopia 1% of men
#94a6e1 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#65aad3 Protanomaly 1% of men, 0.01% of women
#60aade Deuteranomaly 6% of men, 0.4% of women
#01b6cc Tritanomaly 0.01% of the population

#04b2d9 hex color

#04b2d9 Color Information

#04b2d9 Color Conversion

Color Schemes with #04b2d9

Alternatives to #04b2d9

#04b2d9 Preview

Shades and Tints of #04b2d9

Tones of #04b2d9

Color Blindness Simulator