#04b2ba hex color

In a RGB color space, hex #04b2ba is composed of 1.6% red, 69.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 4.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 182.6 degrees, a saturation of 95.8% and a lightness of 37.3%. #04b2ba color hex could be obtained by blending #08ffff with #006575. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 70
- B 73
RGB color chart
- C 98
- M 4
- Y 0
- K 27
CMYK color chart

● #04b2ba color description : Strong cyan.

The hexadecimal color #04b2ba has RGB values of R:4, G:178, B:186 and CMYK values of C:0.98, M:0.04, Y:0, K:0.27. Its decimal value is 307898.

Hex triplet	04b2ba	`#04b2ba`
RGB Decimal	4, 178, 186	`rgb(4,178,186)`
RGB Percent	1.6, 69.8, 72.9	`rgb(1.6%,69.8%,72.9%)`
CMYK	98, 4, 0, 27
HSL	182.6°, 95.8, 37.3	`hsl(182.6,95.8%,37.3%)`
HSV (or HSB)	182.6°, 97.8, 72.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.066, -34.098, -14.815
XYZ	24.831, 35.409, 51.978
xyY	0.221, 0.316, 35.409
CIE-LCH	66.066, 37.178, 203.484
CIE-LUV	66.066, -50.091, -17.767
Hunter-Lab	59.506, -29.65, -10.135
Binary	00000100, 10110010, 10111010

#04b2ba
```
#04b2ba rgb(4,178,186)
```
#ba0c04
```
#ba0c04 rgb(186,12,4)
```

Complementary Color

#04ba67
```
#04ba67 rgb(4,186,103)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#0457ba
```
#0457ba rgb(4,87,186)
```

Analogous Color

#ba6704
```
#ba6704 rgb(186,103,4)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#ba0457
```
#ba0457 rgb(186,4,87)
```

Split Complementary Color

#b2ba04
```
#b2ba04 rgb(178,186,4)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#ba04b2
```
#ba04b2 rgb(186,4,178)
```

Triadic Color

#04ba0c
```
#04ba0c rgb(4,186,12)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#ba04b2
```
#ba04b2 rgb(186,4,178)
```
#ba0c04
```
#ba0c04 rgb(186,12,4)
```

Tetradic Color

#026a6f
```
#026a6f rgb(2,106,111)
```
#038288
```
#038288 rgb(3,130,136)
```
#039aa1
```
#039aa1 rgb(3,154,161)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#05cad3
```
#05cad3 rgb(5,202,211)
```
#05e2ec
```
#05e2ec rgb(5,226,236)
```
#11f0fa
```
#11f0fa rgb(17,240,250)
```

Monochromatic Color

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

#04ba95
```
#04ba95 rgb(4,186,149)
```
#04baa4
```
#04baa4 rgb(4,186,164)
```
#04bab3
```
#04bab3 rgb(4,186,179)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#04a3ba
```
#04a3ba rgb(4,163,186)
```
#0494ba
```
#0494ba rgb(4,148,186)
```
#0485ba
```
#0485ba rgb(4,133,186)
```

Similar Colors

Text with hexadecimal color #04b2ba

This text has a font color of #04b2ba.

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

#04b2ba background color

This paragraph has a background color of #04b2ba.

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

#04b2ba border color

This element has a border color of #04b2ba.

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

CSS codes

.text {color:#04b2ba;}

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

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

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

#000d0d
```
#000d0d rgb(0,13,13)
```
#011f20
```
#011f20 rgb(1,31,32)
```
#013134
```
#013134 rgb(1,49,52)
```
#024447
```
#024447 rgb(2,68,71)
```
#02565a
```
#02565a rgb(2,86,90)
```
#02686d
```
#02686d rgb(2,104,109)
```
#037b80
```
#037b80 rgb(3,123,128)
```
#038d94
```
#038d94 rgb(3,141,148)
```
#04a0a7
```
#04a0a7 rgb(4,160,167)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```
#04c4cd
```
#04c4cd rgb(4,196,205)
```
#05d7e0
```
#05d7e0 rgb(5,215,224)
```
#05e9f4
```
#05e9f4 rgb(5,233,244)
```

Shade Color Variation

#13f0fa
```
#13f0fa rgb(19,240,250)
```
#26f1fa
```
#26f1fa rgb(38,241,250)
```
#39f2fb
```
#39f2fb rgb(57,242,251)
```
#4cf3fb
```
#4cf3fb rgb(76,243,251)
```
#5ff5fc
```
#5ff5fc rgb(95,245,252)
```
#73f6fc
```
#73f6fc rgb(115,246,252)
```
#86f7fc
```
#86f7fc rgb(134,247,252)
```
#99f8fd
```
#99f8fd rgb(153,248,253)
```
#acfafd
```
#acfafd rgb(172,250,253)
```
#bffbfe
```
#bffbfe rgb(191,251,254)
```
#d3fcfe
```
#d3fcfe rgb(211,252,254)
```
#e6fdfe
```
#e6fdfe rgb(230,253,254)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#5c6262
```
#5c6262 rgb(92,98,98)
```
#54696a
```
#54696a rgb(84,105,106)
```
#4d6f71
```
#4d6f71 rgb(77,111,113)
```
#467678
```
#467678 rgb(70,118,120)
```
#3e7d80
```
#3e7d80 rgb(62,125,128)
```
#378387
```
#378387 rgb(55,131,135)
```
#308a8e
```
#308a8e rgb(48,138,142)
```
#299195
```
#299195 rgb(41,145,149)
```
#21979d
```
#21979d rgb(33,151,157)
```
#1a9ea4
```
#1a9ea4 rgb(26,158,164)
```
#13a5ab
```
#13a5ab rgb(19,165,171)
```
#0babb3
```
#0babb3 rgb(11,171,179)
```
#04b2ba
```
#04b2ba rgb(4,178,186)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#66898b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a4b3 Protanopia 1% of men
#a4a2c5 Deuteranopia 1% of men
#1fb5c2 Tritanopia 0.001% of the population

Trichromacy

#69a9b5 Protanomaly 1% of men, 0.01% of women
#69a7c1 Deuteranomaly 6% of men, 0.4% of women
#15b4bf Tritanomaly 0.01% of the population

#04b2ba hex color

#04b2ba Color Information

#04b2ba Color Conversion

Color Schemes with #04b2ba

Alternatives to #04b2ba

#04b2ba Preview

Shades and Tints of #04b2ba

Tones of #04b2ba

Color Blindness Simulator