#04b1c4 hex color

In a RGB color space, hex #04b1c4 is composed of 1.6% red, 69.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 9.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 185.9 degrees, a saturation of 96% and a lightness of 39.2%. #04b1c4 color hex could be obtained by blending #08ffff with #006389. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 69
- B 77
RGB color chart
- C 98
- M 10
- Y 0
- K 23
CMYK color chart

● #04b1c4 color description : Strong cyan.

The hexadecimal color #04b1c4 has RGB values of R:4, G:177, B:196 and CMYK values of C:0.98, M:0.1, Y:0, K:0.23. Its decimal value is 307652.

Hex triplet	04b1c4	`#04b1c4`
RGB Decimal	4, 177, 196	`rgb(4,177,196)`
RGB Percent	1.6, 69.4, 76.9	`rgb(1.6%,69.4%,76.9%)`
CMYK	98, 10, 0, 23
HSL	185.9°, 96, 39.2	`hsl(185.9,96%,39.2%)`
HSV (or HSB)	185.9°, 98, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.1, -30.418, -20.302
XYZ	25.733, 35.453, 57.708
xyY	0.216, 0.298, 35.453
CIE-LCH	66.1, 36.571, 213.721
CIE-LUV	66.1, -48.948, -27.184
Hunter-Lab	59.542, -27.055, -15.784
Binary	00000100, 10110001, 11000100

#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#c41704
```
#c41704 rgb(196,23,4)
```

Complementary Color

#04c477
```
#04c477 rgb(4,196,119)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#0451c4
```
#0451c4 rgb(4,81,196)
```

Analogous Color

#c47704
```
#c47704 rgb(196,119,4)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#c40451
```
#c40451 rgb(196,4,81)
```

Split Complementary Color

#b1c404
```
#b1c404 rgb(177,196,4)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#c404b1
```
#c404b1 rgb(196,4,177)
```

Triadic Color

#04c417
```
#04c417 rgb(4,196,23)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#c404b1
```
#c404b1 rgb(196,4,177)
```
#c41704
```
#c41704 rgb(196,23,4)
```

Tetradic Color

#026d79
```
#026d79 rgb(2,109,121)
```
#038492
```
#038492 rgb(3,132,146)
```
#039aab
```
#039aab rgb(3,154,171)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#05c8dd
```
#05c8dd rgb(5,200,221)
```
#05def6
```
#05def6 rgb(5,222,246)
```
#1ae4fa
```
#1ae4fa rgb(26,228,250)
```

Monochromatic Color

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

#04c4a7
```
#04c4a7 rgb(4,196,167)
```
#04c4b7
```
#04c4b7 rgb(4,196,183)
```
#04c1c4
```
#04c1c4 rgb(4,193,196)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#04a1c4
```
#04a1c4 rgb(4,161,196)
```
#0491c4
```
#0491c4 rgb(4,145,196)
```
#0481c4
```
#0481c4 rgb(4,129,196)
```

Similar Colors

Text with hexadecimal color #04b1c4

This text has a font color of #04b1c4.

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

#04b1c4 background color

This paragraph has a background color of #04b1c4.

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

#04b1c4 border color

This element has a border color of #04b1c4.

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

CSS codes

.text {color:#04b1c4;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001517
```
#001517 rgb(0,21,23)
```
#01262a
```
#01262a rgb(1,38,42)
```
#01373d
```
#01373d rgb(1,55,61)
```
#024951
```
#024951 rgb(2,73,81)
```
#025a64
```
#025a64 rgb(2,90,100)
```
#026c77
```
#026c77 rgb(2,108,119)
```
#037d8a
```
#037d8a rgb(3,125,138)
```
#038e9e
```
#038e9e rgb(3,142,158)
```
#04a0b1
```
#04a0b1 rgb(4,160,177)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```
#04c2d7
```
#04c2d7 rgb(4,194,215)
```
#05d4ea
```
#05d4ea rgb(5,212,234)
```

Shade Color Variation

#09e2fa
```
#09e2fa rgb(9,226,250)
```
#1ce4fa
```
#1ce4fa rgb(28,228,250)
```
#2fe7fb
```
#2fe7fb rgb(47,231,251)
```
#43e9fb
```
#43e9fb rgb(67,233,251)
```
#56ebfc
```
#56ebfc rgb(86,235,252)
```
#69edfc
```
#69edfc rgb(105,237,252)
```
#7cf0fc
```
#7cf0fc rgb(124,240,252)
```
#8ff2fd
```
#8ff2fd rgb(143,242,253)
```
#a3f4fd
```
#a3f4fd rgb(163,244,253)
```
#b6f6fe
```
#b6f6fe rgb(182,246,254)
```
#c9f9fe
```
#c9f9fe rgb(201,249,254)
```
#dcfbfe
```
#dcfbfe rgb(220,251,254)
```
#f0fdff
```
#f0fdff rgb(240,253,255)
```

Tint Color Variation

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

#606768
```
#606768 rgb(96,103,104)
```
#596d6f
```
#596d6f rgb(89,109,111)
```
#517377
```
#517377 rgb(81,115,119)
```
#49797f
```
#49797f rgb(73,121,127)
```
#428086
```
#428086 rgb(66,128,134)
```
#3a868e
```
#3a868e rgb(58,134,142)
```
#328c96
```
#328c96 rgb(50,140,150)
```
#2a929e
```
#2a929e rgb(42,146,158)
```
#2398a5
```
#2398a5 rgb(35,152,165)
```
#1b9ead
```
#1b9ead rgb(27,158,173)
```
#13a5b5
```
#13a5b5 rgb(19,165,181)
```
#0cabbc
```
#0cabbc rgb(12,171,188)
```
#04b1c4
```
#04b1c4 rgb(4,177,196)
```

Tone Color Variation

Below, you can see how #04b1c4 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
#66898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a4bc Protanopia 1% of men
#9ea2ce Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#67a8bf Protanomaly 1% of men, 0.01% of women
#66a7ca Deuteranomaly 6% of men, 0.4% of women
#01b3c3 Tritanomaly 0.01% of the population

#04b1c4 hex color

#04b1c4 Color Information

#04b1c4 Color Conversion

Color Schemes with #04b1c4

Alternatives to #04b1c4

#04b1c4 Preview

Shades and Tints of #04b1c4

Tones of #04b1c4

Color Blindness Simulator