#05ccf2 hex color

In a RGB color space, hex #05ccf2 is composed of 2% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.6 degrees, a saturation of 96% and a lightness of 48.4%. #05ccf2 color hex could be obtained by blending #0affff 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

● #05ccf2 color description : Vivid cyan.

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

Hex triplet	05ccf2	`#05ccf2`
RGB Decimal	5, 204, 242	`rgb(5,204,242)`
RGB Percent	2, 80, 94.9	`rgb(2%,80%,94.9%)`
CMYK	98, 16, 0, 5
HSL	189.6°, 96, 48.4	`hsl(189.6,96%,48.4%)`
HSV (or HSB)	189.6°, 97.9, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.839, -28.557, -30.455
XYZ	37.678, 49.625, 91.592
xyY	0.211, 0.277, 49.625
CIE-LCH	75.839, 41.749, 226.843
CIE-LUV	75.839, -54.453, -45.083
Hunter-Lab	70.445, -27.807, -27.777
Binary	00000101, 11001100, 11110010

#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#f22b05
```
#f22b05 rgb(242,43,5)
```

Complementary Color

#05f2a2
```
#05f2a2 rgb(5,242,162)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#0556f2
```
#0556f2 rgb(5,86,242)
```

Analogous Color

#f2a205
```
#f2a205 rgb(242,162,5)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#f20556
```
#f20556 rgb(242,5,86)
```

Split Complementary Color

#ccf205
```
#ccf205 rgb(204,242,5)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#f205cc
```
#f205cc rgb(242,5,204)
```

Triadic Color

#05f22b
```
#05f22b rgb(5,242,43)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#f205cc
```
#f205cc rgb(242,5,204)
```
#f22b05
```
#f22b05 rgb(242,43,5)
```

Tetradic Color

#038da7
```
#038da7 rgb(3,141,167)
```
#04a2c0
```
#04a2c0 rgb(4,162,192)
```
#04b7d9
```
#04b7d9 rgb(4,183,217)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#16d6fa
```
#16d6fa rgb(22,214,250)
```
#2fdafb
```
#2fdafb rgb(47,218,251)
```
#48dffb
```
#48dffb rgb(72,223,251)
```

Monochromatic Color

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

#05f2dd
```
#05f2dd rgb(5,242,221)
```
#05f2f1
```
#05f2f1 rgb(5,242,241)
```
#05e0f2
```
#05e0f2 rgb(5,224,242)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```
#05b8f2
```
#05b8f2 rgb(5,184,242)
```
#05a5f2
```
#05a5f2 rgb(5,165,242)
```
#0591f2
```
#0591f2 rgb(5,145,242)
```

Similar Colors

Text with hexadecimal color #05ccf2

This text has a font color of #05ccf2.

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

#05ccf2 background color

This paragraph has a background color of #05ccf2.

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

#05ccf2 border color

This element has a border color of #05ccf2.

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

CSS codes

.text {color:#05ccf2;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#011a1f
```
#011a1f rgb(1,26,31)
```
#012a32
```
#012a32 rgb(1,42,50)
```
#013a45
```
#013a45 rgb(1,58,69)
```
#024a58
```
#024a58 rgb(2,74,88)
```
#025b6b
```
#025b6b rgb(2,91,107)
```
#036b7f
```
#036b7f rgb(3,107,127)
```
#037b92
```
#037b92 rgb(3,123,146)
```
#038ba5
```
#038ba5 rgb(3,139,165)
```
#049bb8
```
#049bb8 rgb(4,155,184)
```
#04accc
```
#04accc rgb(4,172,204)
```
#05bcdf
```
#05bcdf rgb(5,188,223)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```

Shade Color Variation

#11d5fa
```
#11d5fa rgb(17,213,250)
```
#24d8fa
```
#24d8fa rgb(36,216,250)
```
#37dbfb
```
#37dbfb rgb(55,219,251)
```
#4adffb
```
#4adffb rgb(74,223,251)
```
#5de2fc
```
#5de2fc rgb(93,226,252)
```
#71e6fc
```
#71e6fc rgb(113,230,252)
```
#84e9fc
```
#84e9fc rgb(132,233,252)
```
#97edfd
```
#97edfd rgb(151,237,253)
```
#aaf0fd
```
#aaf0fd rgb(170,240,253)
```
#bef3fe
```
#bef3fe rgb(190,243,254)
```
#d1f7fe
```
#d1f7fe rgb(209,247,254)
```
#e4fafe
```
#e4fafe rgb(228,250,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#777f80
```
#777f80 rgb(119,127,128)
```
#6e858a
```
#6e858a rgb(110,133,138)
```
#648b93
```
#648b93 rgb(100,139,147)
```
#5b929d
```
#5b929d rgb(91,146,157)
```
#5198a6
```
#5198a6 rgb(81,152,166)
```
#489fb0
```
#489fb0 rgb(72,159,176)
```
#3ea5b9
```
#3ea5b9 rgb(62,165,185)
```
#35acc3
```
#35acc3 rgb(53,172,195)
```
#2bb2cc
```
#2bb2cc rgb(43,178,204)
```
#22b9d6
```
#22b9d6 rgb(34,185,214)
```
#18bfdf
```
#18bfdf rgb(24,191,223)
```
#0fc6e9
```
#0fc6e9 rgb(15,198,233)
```
#05ccf2
```
#05ccf2 rgb(5,204,242)
```

Tone Color Variation

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

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

#05ccf2 hex color

#05ccf2 Color Information

#05ccf2 Color Conversion

Color Schemes with #05ccf2

Alternatives to #05ccf2

#05ccf2 Preview

Shades and Tints of #05ccf2

Tones of #05ccf2

Color Blindness Simulator