#3ac5db hex color

In a RGB color space, hex #3ac5db is composed of 22.7% red, 77.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 10% magenta, 0% yellow and 14.1% black. It has a hue angle of 188.2 degrees, a saturation of 69.1% and a lightness of 54.3%. #3ac5db color hex could be obtained by blending #74ffff with #008bb7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 77
- B 86
RGB color chart
- C 74
- M 10
- Y 0
- K 14
CMYK color chart

● #3ac5db color description : Bright cyan.

The hexadecimal color #3ac5db has RGB values of R:58, G:197, B:219 and CMYK values of C:0.74, M:0.1, Y:0, K:0.14. Its decimal value is 3851739.

Hex triplet	3ac5db	`#3ac5db`
RGB Decimal	58, 197, 219	`rgb(58,197,219)`
RGB Percent	22.7, 77.3, 85.9	`rgb(22.7%,77.3%,85.9%)`
CMYK	74, 10, 0, 14
HSL	188.2°, 69.1, 54.3	`hsl(188.2,69.1%,54.3%)`
HSV (or HSB)	188.2°, 73.5, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.509, -29.168, -21.566
XYZ	34.494, 45.943, 74.064
xyY	0.223, 0.297, 45.943
CIE-LCH	73.509, 36.275, 216.479
CIE-LUV	73.509, -49.657, -29.784
Hunter-Lab	67.782, -27.78, -17.338
Binary	00111010, 11000101, 11011011

#3ac5db
```
#3ac5db rgb(58,197,219)
```
#db503a
```
#db503a rgb(219,80,58)
```

Complementary Color

#3adba1
```
#3adba1 rgb(58,219,161)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#3a75db
```
#3a75db rgb(58,117,219)
```

Analogous Color

#dba13a
```
#dba13a rgb(219,161,58)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#db3a75
```
#db3a75 rgb(219,58,117)
```

Split Complementary Color

#c5db3a
```
#c5db3a rgb(197,219,58)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#db3ac5
```
#db3ac5 rgb(219,58,197)
```

Triadic Color

#3adb50
```
#3adb50 rgb(58,219,80)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#db3ac5
```
#db3ac5 rgb(219,58,197)
```
#db503a
```
#db503a rgb(219,80,58)
```

Tetradic Color

#1f97aa
```
#1f97aa rgb(31,151,170)
```
#23aabf
```
#23aabf rgb(35,170,191)
```
#27bdd5
```
#27bdd5 rgb(39,189,213)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#50cbdf
```
#50cbdf rgb(80,203,223)
```
#65d2e3
```
#65d2e3 rgb(101,210,227)
```
#7bd8e7
```
#7bd8e7 rgb(123,216,231)
```

Monochromatic Color

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

#3adbc9
```
#3adbc9 rgb(58,219,201)
```
#3adbd6
```
#3adbd6 rgb(58,219,214)
```
#3ad2db
```
#3ad2db rgb(58,210,219)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#3ab8db
```
#3ab8db rgb(58,184,219)
```
#3aaadb
```
#3aaadb rgb(58,170,219)
```
#3a9ddb
```
#3a9ddb rgb(58,157,219)
```

Similar Colors

Text with hexadecimal color #3ac5db

This text has a font color of #3ac5db.

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

#3ac5db background color

This paragraph has a background color of #3ac5db.

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

#3ac5db border color

This element has a border color of #3ac5db.

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

CSS codes

.text {color:#3ac5db;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031113
```
#031113 rgb(3,17,19)
```
#061f23
```
#061f23 rgb(6,31,35)
```
#092e34
```
#092e34 rgb(9,46,52)
```
#0c3d44
```
#0c3d44 rgb(12,61,68)
```
#104b55
```
#104b55 rgb(16,75,85)
```
#135a66
```
#135a66 rgb(19,90,102)
```
#166976
```
#166976 rgb(22,105,118)
```
#197887
```
#197887 rgb(25,120,135)
```
#1c8697
```
#1c8697 rgb(28,134,151)
```
#1f95a8
```
#1f95a8 rgb(31,149,168)
```
#22a4b8
```
#22a4b8 rgb(34,164,184)
```
#25b3c9
```
#25b3c9 rgb(37,179,201)
```

Shade Color Variation

#29c0d8
```
#29c0d8 rgb(41,192,216)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#4bcade
```
#4bcade rgb(75,202,222)
```
#5bcfe1
```
#5bcfe1 rgb(91,207,225)
```
#6cd4e4
```
#6cd4e4 rgb(108,212,228)
```
#7cd9e7
```
#7cd9e7 rgb(124,217,231)
```
#8dddea
```
#8dddea rgb(141,221,234)
```
#9ee2ed
```
#9ee2ed rgb(158,226,237)
```
#aee7f0
```
#aee7f0 rgb(174,231,240)
```
#bfecf3
```
#bfecf3 rgb(191,236,243)
```
#cff1f6
```
#cff1f6 rgb(207,241,246)
```
#e0f6f9
```
#e0f6f9 rgb(224,246,249)
```
#f0fbfc
```
#f0fbfc rgb(240,251,252)
```

Tint Color Variation

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

#829193
```
#829193 rgb(130,145,147)
```
#79979c
```
#79979c rgb(121,151,156)
```
#709ea5
```
#709ea5 rgb(112,158,165)
```
#67a4ae
```
#67a4ae rgb(103,164,174)
```
#5eabb7
```
#5eabb7 rgb(94,171,183)
```
#55b1c0
```
#55b1c0 rgb(85,177,192)
```
#4cb8c9
```
#4cb8c9 rgb(76,184,201)
```
#43bed2
```
#43bed2 rgb(67,190,210)
```
#3ac5db
```
#3ac5db rgb(58,197,219)
```
#31cce4
```
#31cce4 rgb(49,204,228)
```
#28d2ed
```
#28d2ed rgb(40,210,237)
```
#1fd9f6
```
#1fd9f6 rgb(31,217,246)
```
#16dfff
```
#16dfff rgb(22,223,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8aa6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b7d2 Protanopia 1% of men
#b1b5e4 Deuteranopia 1% of men
#3fc8d7 Tritanopia 0.001% of the population

Trichromacy

#87bcd5 Protanomaly 1% of men, 0.01% of women
#86bae0 Deuteranomaly 6% of men, 0.4% of women
#3dc7d8 Tritanomaly 0.01% of the population

#3ac5db hex color

#3ac5db Color Information

#3ac5db Color Conversion

Color Schemes with #3ac5db

Alternatives to #3ac5db

#3ac5db Preview

Shades and Tints of #3ac5db

Tones of #3ac5db

Color Blindness Simulator