#3acdf2 hex color

In a RGB color space, hex #3acdf2 is composed of 22.7% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 192.1 degrees, a saturation of 87.6% and a lightness of 58.8%. #3acdf2 color hex could be obtained by blending #74ffff with #009be5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 23
- G 80
- B 95
RGB color chart
- C 76
- M 15
- Y 0
- K 5
CMYK color chart

● #3acdf2 color description : Bright cyan.

The hexadecimal color #3acdf2 has RGB values of R:58, G:205, B:242 and CMYK values of C:0.76, M:0.15, Y:0, K:0.05. Its decimal value is 3853810.

Hex triplet	3acdf2	`#3acdf2`
RGB Decimal	58, 205, 242	`rgb(58,205,242)`
RGB Percent	22.7, 80.4, 94.9	`rgb(22.7%,80.4%,94.9%)`
CMYK	76, 15, 0, 5
HSL	192.1°, 87.6, 58.8	`hsl(192.1,87.6%,58.8%)`
HSV (or HSB)	192.1°, 76, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.66, -25.961, -29.147
XYZ	39.599, 50.969, 91.751
xyY	0.217, 0.28, 50.969
CIE-LCH	76.66, 39.032, 228.309
CIE-LUV	76.66, -50.92, -43.204
Hunter-Lab	71.393, -25.93, -26.222
Binary	00111010, 11001101, 11110010

#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#f25f3a
```
#f25f3a rgb(242,95,58)
```

Complementary Color

#3af2bb
```
#3af2bb rgb(58,242,187)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#3a71f2
```
#3a71f2 rgb(58,113,242)
```

Analogous Color

#f2bb3a
```
#f2bb3a rgb(242,187,58)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#f23a71
```
#f23a71 rgb(242,58,113)
```

Split Complementary Color

#cdf23a
```
#cdf23a rgb(205,242,58)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#f23acd
```
#f23acd rgb(242,58,205)
```

Triadic Color

#3af25f
```
#3af25f rgb(58,242,95)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#f23acd
```
#f23acd rgb(242,58,205)
```
#f25f3a
```
#f25f3a rgb(242,95,58)
```

Tetradic Color

#0eaad2
```
#0eaad2 rgb(14,170,210)
```
#0fbeea
```
#0fbeea rgb(15,190,234)
```
#22c7f0
```
#22c7f0 rgb(34,199,240)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#52d3f4
```
#52d3f4 rgb(82,211,244)
```
#6ad9f5
```
#6ad9f5 rgb(106,217,245)
```
#82dff7
```
#82dff7 rgb(130,223,247)
```

Monochromatic Color

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

#3af2e9
```
#3af2e9 rgb(58,242,233)
```
#3aecf2
```
#3aecf2 rgb(58,236,242)
```
#3adcf2
```
#3adcf2 rgb(58,220,242)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#3abef2
```
#3abef2 rgb(58,190,242)
```
#3aaef2
```
#3aaef2 rgb(58,174,242)
```
#3a9ff2
```
#3a9ff2 rgb(58,159,242)
```

Similar Colors

Text with hexadecimal color #3acdf2

This text has a font color of #3acdf2.

<span style="color:#3acdf2;">Text here</span>

#3acdf2 background color

This paragraph has a background color of #3acdf2.

<p style="background-color:#3acdf2;">Content here</p>

#3acdf2 border color

This element has a border color of #3acdf2.

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

CSS codes

.text {color:#3acdf2;}

.background {background-color:#3acdf2;}

.border {border:1px solid #3acdf2;}

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

#000405
```
#000405 rgb(0,4,5)
```
#021318
```
#021318 rgb(2,19,24)
```
#03222a
```
#03222a rgb(3,34,42)
```
#04313d
```
#04313d rgb(4,49,61)
```
#05404f
```
#05404f rgb(5,64,79)
```
#064f61
```
#064f61 rgb(6,79,97)
```
#085e74
```
#085e74 rgb(8,94,116)
```
#096d86
```
#096d86 rgb(9,109,134)
```
#0a7c99
```
#0a7c99 rgb(10,124,153)
```
#0b8bab
```
#0b8bab rgb(11,139,171)
```
#0d9abd
```
#0d9abd rgb(13,154,189)
```
#0ea9d0
```
#0ea9d0 rgb(14,169,208)
```
#0fb8e2
```
#0fb8e2 rgb(15,184,226)
```

Shade Color Variation

#15c4f0
```
#15c4f0 rgb(21,196,240)
```
#28c8f1
```
#28c8f1 rgb(40,200,241)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#4cd2f3
```
#4cd2f3 rgb(76,210,243)
```
#5fd6f4
```
#5fd6f4 rgb(95,214,244)
```
#71dbf6
```
#71dbf6 rgb(113,219,246)
```
#84e0f7
```
#84e0f7 rgb(132,224,247)
```
#96e4f8
```
#96e4f8 rgb(150,228,248)
```
#a8e9f9
```
#a8e9f9 rgb(168,233,249)
```
#bbeefb
```
#bbeefb rgb(187,238,251)
```
#cdf2fc
```
#cdf2fc rgb(205,242,252)
```
#e0f7fd
```
#e0f7fd rgb(224,247,253)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

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

#939899
```
#939899 rgb(147,152,153)
```
#8b9da1
```
#8b9da1 rgb(139,157,161)
```
#83a2a9
```
#83a2a9 rgb(131,162,169)
```
#7ba6b1
```
#7ba6b1 rgb(123,166,177)
```
#73abb9
```
#73abb9 rgb(115,171,185)
```
#6ab0c2
```
#6ab0c2 rgb(106,176,194)
```
#62b5ca
```
#62b5ca rgb(98,181,202)
```
#5abad2
```
#5abad2 rgb(90,186,210)
```
#52bfda
```
#52bfda rgb(82,191,218)
```
#4ac3e2
```
#4ac3e2 rgb(74,195,226)
```
#42c8ea
```
#42c8ea rgb(66,200,234)
```
#3acdf2
```
#3acdf2 rgb(58,205,242)
```
#32d2fa
```
#32d2fa rgb(50,210,250)
```

Tone Color Variation

Below, you can see how #3acdf2 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

#a5a5a5 Achromatopsia 0.005% of the population
#90adb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bee7 Protanopia 1% of men
#b1bdf9 Deuteranopia 1% of men
#2fd2e2 Tritanopia 0.001% of the population

Trichromacy

#89c4eb Protanomaly 1% of men, 0.01% of women
#85c3f6 Deuteranomaly 6% of men, 0.4% of women
#33d0e7 Tritanomaly 0.01% of the population

#3acdf2 hex color

#3acdf2 Color Information

#3acdf2 Color Conversion

Color Schemes with #3acdf2

Alternatives to #3acdf2

#3acdf2 Preview

Shades and Tints of #3acdf2

Tones of #3acdf2

Color Blindness Simulator