#04ccf2 hex color

In a RGB color space, hex #04ccf2 is composed of 1.6% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.6 degrees, a saturation of 96.7% and a lightness of 48.2%. #04ccf2 color hex could be obtained by blending #08ffff with #0099e5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 80
- B 95
RGB color chart
- C 98
- M 16
- Y 0
- K 5
CMYK color chart

● #04ccf2 color description : Vivid cyan.

The hexadecimal color #04ccf2 has RGB values of R:4, G:204, B:242 and CMYK values of C:0.98, M:0.16, Y:0, K:0.05. Its decimal value is 314610.

Hex triplet	04ccf2	`#04ccf2`
RGB Decimal	4, 204, 242	`rgb(4,204,242)`
RGB Percent	1.6, 80, 94.9	`rgb(1.6%,80%,94.9%)`
CMYK	98, 16, 0, 5
HSL	189.6°, 96.7, 48.2	`hsl(189.6,96.7%,48.2%)`
HSV (or HSB)	189.6°, 98.3, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.835, -28.58, -30.462
XYZ	37.665, 49.619, 91.592
xyY	0.211, 0.277, 49.619
CIE-LCH	75.835, 41.77, 226.825
CIE-LUV	75.835, -54.482, -45.091
Hunter-Lab	70.44, -27.824, -27.785
Binary	00000100, 11001100, 11110010

#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#f22a04
```
#f22a04 rgb(242,42,4)
```

Complementary Color

#04f2a1
```
#04f2a1 rgb(4,242,161)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#0455f2
```
#0455f2 rgb(4,85,242)
```

Analogous Color

#f2a104
```
#f2a104 rgb(242,161,4)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#f20455
```
#f20455 rgb(242,4,85)
```

Split Complementary Color

#ccf204
```
#ccf204 rgb(204,242,4)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#f204cc
```
#f204cc rgb(242,4,204)
```

Triadic Color

#04f22a
```
#04f22a rgb(4,242,42)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#f204cc
```
#f204cc rgb(242,4,204)
```
#f22a04
```
#f22a04 rgb(242,42,4)
```

Tetradic Color

#038da7
```
#038da7 rgb(3,141,167)
```
#03a2c0
```
#03a2c0 rgb(3,162,192)
```
#04b7d9
```
#04b7d9 rgb(4,183,217)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#14d6fb
```
#14d6fb rgb(20,214,251)
```
#2ddbfc
```
#2ddbfc rgb(45,219,252)
```
#47dffc
```
#47dffc rgb(71,223,252)
```

Monochromatic Color

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

#04f2dd
```
#04f2dd rgb(4,242,221)
```
#04f2f0
```
#04f2f0 rgb(4,242,240)
```
#04e0f2
```
#04e0f2 rgb(4,224,242)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```
#04b8f2
```
#04b8f2 rgb(4,184,242)
```
#04a4f2
```
#04a4f2 rgb(4,164,242)
```
#0491f2
```
#0491f2 rgb(4,145,242)
```

Similar Colors

Text with hexadecimal color #04ccf2

This text has a font color of #04ccf2.

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

#04ccf2 background color

This paragraph has a background color of #04ccf2.

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

#04ccf2 border color

This element has a border color of #04ccf2.

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

CSS codes

.text {color:#04ccf2;}

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

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

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, #00090a is the darkest color, while #f6fdff is the lightest one.

#00090a
```
#00090a rgb(0,9,10)
```
#00191e
```
#00191e rgb(0,25,30)
```
#012931
```
#012931 rgb(1,41,49)
```
#013a44
```
#013a44 rgb(1,58,68)
```
#014a58
```
#014a58 rgb(1,74,88)
```
#025a6b
```
#025a6b rgb(2,90,107)
```
#026a7e
```
#026a7e rgb(2,106,126)
```
#027b92
```
#027b92 rgb(2,123,146)
```
#038ba5
```
#038ba5 rgb(3,139,165)
```
#039bb8
```
#039bb8 rgb(3,155,184)
```
#03abcb
```
#03abcb rgb(3,171,203)
```
#04bcdf
```
#04bcdf rgb(4,188,223)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```

Shade Color Variation

#0fd5fb
```
#0fd5fb rgb(15,213,251)
```
#22d9fb
```
#22d9fb rgb(34,217,251)
```
#35dcfc
```
#35dcfc rgb(53,220,252)
```
#48dffc
```
#48dffc rgb(72,223,252)
```
#5ce3fc
```
#5ce3fc rgb(92,227,252)
```
#6fe6fd
```
#6fe6fd rgb(111,230,253)
```
#82e9fd
```
#82e9fd rgb(130,233,253)
```
#96edfd
```
#96edfd rgb(150,237,253)
```
#a9f0fe
```
#a9f0fe rgb(169,240,254)
```
#bcf3fe
```
#bcf3fe rgb(188,243,254)
```
#d0f7fe
```
#d0f7fe rgb(208,247,254)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#767f80
```
#767f80 rgb(118,127,128)
```
#6c858a
```
#6c858a rgb(108,133,138)
```
#638c93
```
#638c93 rgb(99,140,147)
```
#59929d
```
#59929d rgb(89,146,157)
```
#5098a6
```
#5098a6 rgb(80,152,166)
```
#469fb0
```
#469fb0 rgb(70,159,176)
```
#3da5b9
```
#3da5b9 rgb(61,165,185)
```
#33acc3
```
#33acc3 rgb(51,172,195)
```
#2ab2cc
```
#2ab2cc rgb(42,178,204)
```
#20b9d6
```
#20b9d6 rgb(32,185,214)
```
#17bfdf
```
#17bfdf rgb(23,191,223)
```
#0dc6e9
```
#0dc6e9 rgb(13,198,233)
```
#04ccf2
```
#04ccf2 rgb(4,204,242)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#78a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bce7 Protanopia 1% of men
#acbcfa Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#73c2eb Protanomaly 1% of men, 0.01% of women
#6fc1f7 Deuteranomaly 6% of men, 0.4% of women
#01cfe6 Tritanomaly 0.01% of the population

#04ccf2 hex color

#04ccf2 Color Information

#04ccf2 Color Conversion

Color Schemes with #04ccf2

Alternatives to #04ccf2

#04ccf2 Preview

Shades and Tints of #04ccf2

Tones of #04ccf2

Color Blindness Simulator