#04b3bc hex color

In a RGB color space, hex #04b3bc is composed of 1.6% red, 70.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 4.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 182.9 degrees, a saturation of 95.8% and a lightness of 37.6%. #04b3bc color hex could be obtained by blending #08ffff with #006779. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 70
- B 74
RGB color chart
- C 98
- M 5
- Y 0
- K 26
CMYK color chart

● #04b3bc color description : Strong cyan.

The hexadecimal color #04b3bc has RGB values of R:4, G:179, B:188 and CMYK values of C:0.98, M:0.05, Y:0, K:0.26. Its decimal value is 308156.

Hex triplet	04b3bc	`#04b3bc`
RGB Decimal	4, 179, 188	`rgb(4,179,188)`
RGB Percent	1.6, 70.2, 73.7	`rgb(1.6%,70.2%,73.7%)`
CMYK	98, 5, 0, 26
HSL	182.9°, 95.8, 37.6	`hsl(182.9,95.8%,37.6%)`
HSV (or HSB)	182.9°, 97.9, 73.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.439, -33.94, -15.36
XYZ	25.245, 35.894, 53.172
xyY	0.221, 0.314, 35.894
CIE-LCH	66.439, 37.254, 204.35
CIE-LUV	66.439, -50.275, -18.68
Hunter-Lab	59.912, -29.633, -10.682
Binary	00000100, 10110011, 10111100

#04b3bc
```
#04b3bc rgb(4,179,188)
```
#bc0d04
```
#bc0d04 rgb(188,13,4)
```

Complementary Color

#04bc69
```
#04bc69 rgb(4,188,105)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#0457bc
```
#0457bc rgb(4,87,188)
```

Analogous Color

#bc6904
```
#bc6904 rgb(188,105,4)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#bc0457
```
#bc0457 rgb(188,4,87)
```

Split Complementary Color

#b3bc04
```
#b3bc04 rgb(179,188,4)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#bc04b3
```
#bc04b3 rgb(188,4,179)
```

Triadic Color

#04bc0d
```
#04bc0d rgb(4,188,13)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#bc04b3
```
#bc04b3 rgb(188,4,179)
```
#bc0d04
```
#bc0d04 rgb(188,13,4)
```

Tetradic Color

#026c71
```
#026c71 rgb(2,108,113)
```
#03838a
```
#03838a rgb(3,131,138)
```
#039ba3
```
#039ba3 rgb(3,155,163)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#05cbd5
```
#05cbd5 rgb(5,203,213)
```
#05e3ee
```
#05e3ee rgb(5,227,238)
```
#13effa
```
#13effa rgb(19,239,250)
```

Monochromatic Color

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

#04bc97
```
#04bc97 rgb(4,188,151)
```
#04bca6
```
#04bca6 rgb(4,188,166)
```
#04bcb6
```
#04bcb6 rgb(4,188,182)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#04a4bc
```
#04a4bc rgb(4,164,188)
```
#0494bc
```
#0494bc rgb(4,148,188)
```
#0485bc
```
#0485bc rgb(4,133,188)
```

Similar Colors

Text with hexadecimal color #04b3bc

This text has a font color of #04b3bc.

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

#04b3bc background color

This paragraph has a background color of #04b3bc.

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

#04b3bc border color

This element has a border color of #04b3bc.

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

CSS codes

.text {color:#04b3bc;}

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

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

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

#000e0f
```
#000e0f rgb(0,14,15)
```
#012122
```
#012122 rgb(1,33,34)
```
#013336
```
#013336 rgb(1,51,54)
```
#024549
```
#024549 rgb(2,69,73)
```
#02585c
```
#02585c rgb(2,88,92)
```
#026a6f
```
#026a6f rgb(2,106,111)
```
#037c82
```
#037c82 rgb(3,124,130)
```
#038e96
```
#038e96 rgb(3,142,150)
```
#04a1a9
```
#04a1a9 rgb(4,161,169)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```
#04c5cf
```
#04c5cf rgb(4,197,207)
```
#05d8e2
```
#05d8e2 rgb(5,216,226)
```
#05eaf6
```
#05eaf6 rgb(5,234,246)
```

Shade Color Variation

#14effa
```
#14effa rgb(20,239,250)
```
#28f0fa
```
#28f0fa rgb(40,240,250)
```
#3bf1fb
```
#3bf1fb rgb(59,241,251)
```
#4ef3fb
```
#4ef3fb rgb(78,243,251)
```
#61f4fc
```
#61f4fc rgb(97,244,252)
```
#74f5fc
```
#74f5fc rgb(116,245,252)
```
#88f7fc
```
#88f7fc rgb(136,247,252)
```
#9bf8fd
```
#9bf8fd rgb(155,248,253)
```
#aef9fd
```
#aef9fd rgb(174,249,253)
```
#c1fbfe
```
#c1fbfe rgb(193,251,254)
```
#d5fcfe
```
#d5fcfe rgb(213,252,254)
```
#e8fdff
```
#e8fdff rgb(232,253,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#5d6363
```
#5d6363 rgb(93,99,99)
```
#556a6b
```
#556a6b rgb(85,106,107)
```
#4e7072
```
#4e7072 rgb(78,112,114)
```
#46777a
```
#46777a rgb(70,119,122)
```
#3f7e81
```
#3f7e81 rgb(63,126,129)
```
#388488
```
#388488 rgb(56,132,136)
```
#308b90
```
#308b90 rgb(48,139,144)
```
#299297
```
#299297 rgb(41,146,151)
```
#22989e
```
#22989e rgb(34,152,158)
```
#1a9fa6
```
#1a9fa6 rgb(26,159,166)
```
#13a6ad
```
#13a6ad rgb(19,166,173)
```
#0bacb5
```
#0bacb5 rgb(11,172,181)
```
#04b3bc
```
#04b3bc rgb(4,179,188)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a5b5 Protanopia 1% of men
#a4a3c7 Deuteranopia 1% of men
#1eb6c3 Tritanopia 0.001% of the population

Trichromacy

#6aaab7 Protanomaly 1% of men, 0.01% of women
#6aa8c3 Deuteranomaly 6% of men, 0.4% of women
#14b5c0 Tritanomaly 0.01% of the population

#04b3bc hex color

#04b3bc Color Information

#04b3bc Color Conversion

Color Schemes with #04b3bc

Alternatives to #04b3bc

#04b3bc Preview

Shades and Tints of #04b3bc

Tones of #04b3bc

Color Blindness Simulator