#3ac5ea hex color

In a RGB color space, hex #3ac5ea is composed of 22.7% red, 77.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 15.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 192.6 degrees, a saturation of 80.7% and a lightness of 57.3%. #3ac5ea color hex could be obtained by blending #74ffff with #008bd5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 23
- G 77
- B 92
RGB color chart
- C 75
- M 16
- Y 0
- K 8
CMYK color chart

● #3ac5ea color description : Bright cyan.

The hexadecimal color #3ac5ea has RGB values of R:58, G:197, B:234 and CMYK values of C:0.75, M:0.16, Y:0, K:0.08. Its decimal value is 3851754.

Hex triplet	3ac5ea	`#3ac5ea`
RGB Decimal	58, 197, 234	`rgb(58,197,234)`
RGB Percent	22.7, 77.3, 91.8	`rgb(22.7%,77.3%,91.8%)`
CMYK	75, 16, 0, 8
HSL	192.6°, 80.7, 57.3	`hsl(192.6,80.7%,57.3%)`
HSV (or HSB)	192.6°, 75.2, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.042, -24.487, -28.865
XYZ	36.558, 46.769, 84.938
xyY	0.217, 0.278, 46.769
CIE-LCH	74.042, 37.853, 229.691
CIE-LUV	74.042, -48.668, -42.745
Hunter-Lab	68.388, -24.258, -25.767
Binary	00111010, 11000101, 11101010

#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#ea5f3a
```
#ea5f3a rgb(234,95,58)
```

Complementary Color

#3aeab7
```
#3aeab7 rgb(58,234,183)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#3a6dea
```
#3a6dea rgb(58,109,234)
```

Analogous Color

#eab73a
```
#eab73a rgb(234,183,58)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#ea3a6d
```
#ea3a6d rgb(234,58,109)
```

Split Complementary Color

#c5ea3a
```
#c5ea3a rgb(197,234,58)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#ea3ac5
```
#ea3ac5 rgb(234,58,197)
```

Triadic Color

#3aea5f
```
#3aea5f rgb(58,234,95)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#ea3ac5
```
#ea3ac5 rgb(234,58,197)
```
#ea5f3a
```
#ea5f3a rgb(234,95,58)
```

Tetradic Color

#159ec3
```
#159ec3 rgb(21,158,195)
```
#17b1da
```
#17b1da rgb(23,177,218)
```
#23bee8
```
#23bee8 rgb(35,190,232)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#51ccec
```
#51ccec rgb(81,204,236)
```
#68d3ef
```
#68d3ef rgb(104,211,239)
```
#7fd9f1
```
#7fd9f1 rgb(127,217,241)
```

Monochromatic Color

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

#3aeae3
```
#3aeae3 rgb(58,234,227)
```
#3ae2ea
```
#3ae2ea rgb(58,226,234)
```
#3ad4ea
```
#3ad4ea rgb(58,212,234)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#3ab6ea
```
#3ab6ea rgb(58,182,234)
```
#3aa8ea
```
#3aa8ea rgb(58,168,234)
```
#3a99ea
```
#3a99ea rgb(58,153,234)
```

Similar Colors

Text with hexadecimal color #3ac5ea

This text has a font color of #3ac5ea.

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

#3ac5ea background color

This paragraph has a background color of #3ac5ea.

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

#3ac5ea border color

This element has a border color of #3ac5ea.

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

CSS codes

.text {color:#3ac5ea;}

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

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

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, #020d10 is the darkest color, while #fdfeff is the lightest one.

#020d10
```
#020d10 rgb(2,13,16)
```
#041b21
```
#041b21 rgb(4,27,33)
```
#052a33
```
#052a33 rgb(5,42,51)
```
#073845
```
#073845 rgb(7,56,69)
```
#094657
```
#094657 rgb(9,70,87)
```
#0b5568
```
#0b5568 rgb(11,85,104)
```
#0d637a
```
#0d637a rgb(13,99,122)
```
#0f728c
```
#0f728c rgb(15,114,140)
```
#11809e
```
#11809e rgb(17,128,158)
```
#138eaf
```
#138eaf rgb(19,142,175)
```
#159dc1
```
#159dc1 rgb(21,157,193)
```
#16abd3
```
#16abd3 rgb(22,171,211)
```
#18bae4
```
#18bae4 rgb(24,186,228)
```

Shade Color Variation

#28c0e8
```
#28c0e8 rgb(40,192,232)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#4ccaec
```
#4ccaec rgb(76,202,236)
```
#5dcfee
```
#5dcfee rgb(93,207,238)
```
#6fd5f0
```
#6fd5f0 rgb(111,213,240)
```
#81daf2
```
#81daf2 rgb(129,218,242)
```
#93dff3
```
#93dff3 rgb(147,223,243)
```
#a4e4f5
```
#a4e4f5 rgb(164,228,245)
```
#b6eaf7
```
#b6eaf7 rgb(182,234,247)
```
#c8eff9
```
#c8eff9 rgb(200,239,249)
```
#daf4fb
```
#daf4fb rgb(218,244,251)
```
#ebf9fd
```
#ebf9fd rgb(235,249,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9496 is the less saturated color, while #29cffb is the most saturated one.

#8e9496
```
#8e9496 rgb(142,148,150)
```
#85999f
```
#85999f rgb(133,153,159)
```
#7d9ea7
```
#7d9ea7 rgb(125,158,167)
```
#75a3af
```
#75a3af rgb(117,163,175)
```
#6ca8b8
```
#6ca8b8 rgb(108,168,184)
```
#64adc0
```
#64adc0 rgb(100,173,192)
```
#5cb2c8
```
#5cb2c8 rgb(92,178,200)
```
#53b6d1
```
#53b6d1 rgb(83,182,209)
```
#4bbbd9
```
#4bbbd9 rgb(75,187,217)
```
#42c0e2
```
#42c0e2 rgb(66,192,226)
```
#3ac5ea
```
#3ac5ea rgb(58,197,234)
```
#32caf2
```
#32caf2 rgb(50,202,242)
```
#29cffb
```
#29cffb rgb(41,207,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ca7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb8e0 Protanopia 1% of men
#aab7f1 Deuteranopia 1% of men
#30cbda Tritanopia 0.001% of the population

Trichromacy

#84bce4 Protanomaly 1% of men, 0.01% of women
#81bcee Deuteranomaly 6% of men, 0.4% of women
#33c8df Tritanomaly 0.01% of the population

#3ac5ea hex color

#3ac5ea Color Information

#3ac5ea Color Conversion

Color Schemes with #3ac5ea

Alternatives to #3ac5ea

#3ac5ea Preview

Shades and Tints of #3ac5ea

Tones of #3ac5ea

Color Blindness Simulator