#04b2da hex color

In a RGB color space, hex #04b2da is composed of 1.6% red, 69.8% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 18.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 191.2 degrees, a saturation of 96.4% and a lightness of 43.5%. #04b2da color hex could be obtained by blending #08ffff with #0065b5. 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

● #04b2da color description : Vivid cyan.

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

Hex triplet	04b2da	`#04b2da`
RGB Decimal	4, 178, 218	`rgb(4,178,218)`
RGB Percent	1.6, 69.8, 85.5	`rgb(1.6%,69.8%,85.5%)`
CMYK	98, 18, 0, 15
HSL	191.2°, 96.4, 43.5	`hsl(191.2,96.4%,43.5%)`
HSV (or HSB)	191.2°, 98.2, 85.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	67.221, -23.574, -30.713
XYZ	28.622, 36.926, 71.945
xyY	0.208, 0.269, 36.926
CIE-LCH	67.221, 38.717, 232.491
CIE-LUV	67.221, -47.568, -45.493
Hunter-Lab	60.767, -22.265, -27.66
Binary	00000100, 10110010, 11011010

#04b2da
```
#04b2da rgb(4,178,218)
```
#da2c04
```
#da2c04 rgb(218,44,4)
```

Complementary Color

#04da97
```
#04da97 rgb(4,218,151)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#0447da
```
#0447da rgb(4,71,218)
```

Analogous Color

#da9704
```
#da9704 rgb(218,151,4)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#da0447
```
#da0447 rgb(218,4,71)
```

Split Complementary Color

#b2da04
```
#b2da04 rgb(178,218,4)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#da04b2
```
#da04b2 rgb(218,4,178)
```

Triadic Color

#04da2c
```
#04da2c rgb(4,218,44)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#da04b2
```
#da04b2 rgb(218,4,178)
```
#da2c04
```
#da2c04 rgb(218,44,4)
```

Tetradic Color

#03758f
```
#03758f rgb(3,117,143)
```
#0389a8
```
#0389a8 rgb(3,137,168)
```
#049ec1
```
#049ec1 rgb(4,158,193)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#04c6f3
```
#04c6f3 rgb(4,198,243)
```
#16d0fb
```
#16d0fb rgb(22,208,251)
```
#2fd5fb
```
#2fd5fb rgb(47,213,251)
```

Monochromatic Color

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

#04dacd
```
#04dacd rgb(4,218,205)
```
#04d6da
```
#04d6da rgb(4,214,218)
```
#04c4da
```
#04c4da rgb(4,196,218)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#04a0da
```
#04a0da rgb(4,160,218)
```
#048eda
```
#048eda rgb(4,142,218)
```
#047dda
```
#047dda rgb(4,125,218)
```

Similar Colors

Text with hexadecimal color #04b2da

This text has a font color of #04b2da.

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

#04b2da background color

This paragraph has a background color of #04b2da.

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

#04b2da border color

This element has a border color of #04b2da.

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

CSS codes

.text {color:#04b2da;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001519
```
#001519 rgb(0,21,25)
```
#01242d
```
#01242d rgb(1,36,45)
```
#013440
```
#013440 rgb(1,52,64)
```
#024453
```
#024453 rgb(2,68,83)
```
#025466
```
#025466 rgb(2,84,102)
```
#02637a
```
#02637a rgb(2,99,122)
```
#03738d
```
#03738d rgb(3,115,141)
```
#0383a0
```
#0383a0 rgb(3,131,160)
```
#0393b3
```
#0393b3 rgb(3,147,179)
```
#04a2c7
```
#04a2c7 rgb(4,162,199)
```
#04b2da
```
#04b2da rgb(4,178,218)
```
#04c2ed
```
#04c2ed rgb(4,194,237)
```

Shade Color Variation

#0bcefb
```
#0bcefb rgb(11,206,251)
```
#1ed2fb
```
#1ed2fb rgb(30,210,251)
```
#31d5fb
```
#31d5fb rgb(49,213,251)
```
#44d9fc
```
#44d9fc rgb(68,217,252)
```
#58ddfc
```
#58ddfc rgb(88,221,252)
```
#6be1fc
```
#6be1fc rgb(107,225,252)
```
#7ee5fd
```
#7ee5fd rgb(126,229,253)
```
#92e9fd
```
#92e9fd rgb(146,233,253)
```
#a5edfd
```
#a5edfd rgb(165,237,253)
```
#b8f1fe
```
#b8f1fe rgb(184,241,254)
```
#cbf5fe
```
#cbf5fe rgb(203,245,254)
```
#dff8fe
```
#dff8fe rgb(223,248,254)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#6a7274
```
#6a7274 rgb(106,114,116)
```
#62777c
```
#62777c rgb(98,119,124)
```
#597d85
```
#597d85 rgb(89,125,133)
```
#51828d
```
#51828d rgb(81,130,141)
```
#488796
```
#488796 rgb(72,135,150)
```
#408d9e
```
#408d9e rgb(64,141,158)
```
#3792a7
```
#3792a7 rgb(55,146,167)
```
#2f97af
```
#2f97af rgb(47,151,175)
```
#269db8
```
#269db8 rgb(38,157,184)
```
#1ea2c0
```
#1ea2c0 rgb(30,162,192)
```
#15a7c9
```
#15a7c9 rgb(21,167,201)
```
#0dadd1
```
#0dadd1 rgb(13,173,209)
```
#04b2da
```
#04b2da rgb(4,178,218)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6a8c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca6d1 Protanopia 1% of men
#94a6e2 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#65aad4 Protanomaly 1% of men, 0.01% of women
#5faadf Deuteranomaly 6% of men, 0.4% of women
#01b6cd Tritanomaly 0.01% of the population

#04b2da hex color

#04b2da Color Information

#04b2da Color Conversion

Color Schemes with #04b2da

Alternatives to #04b2da

#04b2da Preview

Shades and Tints of #04b2da

Tones of #04b2da

Color Blindness Simulator