#04bac2 hex color

In a RGB color space, hex #04bac2 is composed of 1.6% red, 72.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 4.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 182.5 degrees, a saturation of 96% and a lightness of 38.8%. #04bac2 color hex could be obtained by blending #08ffff with #007585. Closest websafe color is: #00cccc.

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

● #04bac2 color description : Strong cyan.

The hexadecimal color #04bac2 has RGB values of R:4, G:186, B:194 and CMYK values of C:0.98, M:0.04, Y:0, K:0.24. Its decimal value is 309954.

Hex triplet	04bac2	`#04bac2`
RGB Decimal	4, 186, 194	`rgb(4,186,194)`
RGB Percent	1.6, 72.9, 76.1	`rgb(1.6%,72.9%,76.1%)`
CMYK	98, 4, 0, 24
HSL	182.5°, 96, 38.8	`hsl(182.5,96%,38.8%)`
HSV (or HSB)	182.5°, 97.9, 76.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.777, -35.347, -15.143
XYZ	27.344, 39.036, 57.129
xyY	0.221, 0.316, 39.036
CIE-LCH	68.777, 38.454, 203.191
CIE-LUV	68.777, -52.197, -18.217
Hunter-Lab	62.479, -31.218, -10.479
Binary	00000100, 10111010, 11000010

#04bac2
```
#04bac2 rgb(4,186,194)
```
#c20c04
```
#c20c04 rgb(194,12,4)
```

Complementary Color

#04c26b
```
#04c26b rgb(4,194,107)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#045bc2
```
#045bc2 rgb(4,91,194)
```

Analogous Color

#c26b04
```
#c26b04 rgb(194,107,4)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#c2045b
```
#c2045b rgb(194,4,91)
```

Split Complementary Color

#bac204
```
#bac204 rgb(186,194,4)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#c204ba
```
#c204ba rgb(194,4,186)
```

Triadic Color

#04c20c
```
#04c20c rgb(4,194,12)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#c204ba
```
#c204ba rgb(194,4,186)
```
#c20c04
```
#c20c04 rgb(194,12,4)
```

Tetradic Color

#027277
```
#027277 rgb(2,114,119)
```
#038a90
```
#038a90 rgb(3,138,144)
```
#03a2a9
```
#03a2a9 rgb(3,162,169)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#05d2db
```
#05d2db rgb(5,210,219)
```
#05eaf4
```
#05eaf4 rgb(5,234,244)
```
#18f1fa
```
#18f1fa rgb(24,241,250)
```

Monochromatic Color

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

#04c29b
```
#04c29b rgb(4,194,155)
```
#04c2aa
```
#04c2aa rgb(4,194,170)
```
#04c2ba
```
#04c2ba rgb(4,194,186)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#04aac2
```
#04aac2 rgb(4,170,194)
```
#049ac2
```
#049ac2 rgb(4,154,194)
```
#048bc2
```
#048bc2 rgb(4,139,194)
```

Similar Colors

Text with hexadecimal color #04bac2

This text has a font color of #04bac2.

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

#04bac2 background color

This paragraph has a background color of #04bac2.

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

#04bac2 border color

This element has a border color of #04bac2.

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

CSS codes

.text {color:#04bac2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001415
```
#001415 rgb(0,20,21)
```
#012728
```
#012728 rgb(1,39,40)
```
#01393b
```
#01393b rgb(1,57,59)
```
#024b4f
```
#024b4f rgb(2,75,79)
```
#025e62
```
#025e62 rgb(2,94,98)
```
#027075
```
#027075 rgb(2,112,117)
```
#038388
```
#038388 rgb(3,131,136)
```
#03959c
```
#03959c rgb(3,149,156)
```
#04a8af
```
#04a8af rgb(4,168,175)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```
#04ccd5
```
#04ccd5 rgb(4,204,213)
```
#05dfe8
```
#05dfe8 rgb(5,223,232)
```

Shade Color Variation

#07f0fa
```
#07f0fa rgb(7,240,250)
```
#1af1fa
```
#1af1fa rgb(26,241,250)
```
#2df2fb
```
#2df2fb rgb(45,242,251)
```
#41f3fb
```
#41f3fb rgb(65,243,251)
```
#54f4fb
```
#54f4fb rgb(84,244,251)
```
#67f6fc
```
#67f6fc rgb(103,246,252)
```
#7af7fc
```
#7af7fc rgb(122,247,252)
```
#8df8fd
```
#8df8fd rgb(141,248,253)
```
#a1f9fd
```
#a1f9fd rgb(161,249,253)
```
#b4fafd
```
#b4fafd rgb(180,250,253)
```
#c7fcfe
```
#c7fcfe rgb(199,252,254)
```
#dafdfe
```
#dafdfe rgb(218,253,254)
```
#eefeff
```
#eefeff rgb(238,254,255)
```

Tint Color Variation

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

#5f6667
```
#5f6667 rgb(95,102,103)
```
#586d6e
```
#586d6e rgb(88,109,110)
```
#507476
```
#507476 rgb(80,116,118)
```
#497b7d
```
#497b7d rgb(73,123,125)
```
#418285
```
#418285 rgb(65,130,133)
```
#39898d
```
#39898d rgb(57,137,141)
```
#329094
```
#329094 rgb(50,144,148)
```
#2a979c
```
#2a979c rgb(42,151,156)
```
#229ea4
```
#229ea4 rgb(34,158,164)
```
#1ba5ab
```
#1ba5ab rgb(27,165,171)
```
#13acb3
```
#13acb3 rgb(19,172,179)
```
#0cb3ba
```
#0cb3ba rgb(12,179,186)
```
#04bac2
```
#04bac2 rgb(4,186,194)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8f90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabba Protanopia 1% of men
#aba8cd Deuteranopia 1% of men
#21bcca Tritanopia 0.001% of the population

Trichromacy

#6eb0bd Protanomaly 1% of men, 0.01% of women
#6eafc9 Deuteranomaly 6% of men, 0.4% of women
#16bbc7 Tritanomaly 0.01% of the population

#04bac2 hex color

#04bac2 Color Information

#04bac2 Color Conversion

Color Schemes with #04bac2

Alternatives to #04bac2

#04bac2 Preview

Shades and Tints of #04bac2

Tones of #04bac2

Color Blindness Simulator