#3caed2 hex color

In a RGB color space, hex #3caed2 is composed of 23.5% red, 68.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 17.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 194.4 degrees, a saturation of 62.5% and a lightness of 52.9%. #3caed2 color hex could be obtained by blending #78ffff with #005da5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 68
- B 82
RGB color chart
- C 71
- M 17
- Y 0
- K 18
CMYK color chart

● #3caed2 color description : Moderate cyan.

The hexadecimal color #3caed2 has RGB values of R:60, G:174, B:210 and CMYK values of C:0.71, M:0.17, Y:0, K:0.18. Its decimal value is 3976914.

Hex triplet	3caed2	`#3caed2`
RGB Decimal	60, 174, 210	`rgb(60,174,210)`
RGB Percent	23.5, 68.2, 82.4	`rgb(23.5%,68.2%,82.4%)`
CMYK	71, 17, 0, 18
HSL	194.4°, 62.5, 52.9	`hsl(194.4,62.5%,52.9%)`
HSV (or HSB)	194.4°, 71.4, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.431, -20.138, -27.469
XYZ	28.629, 35.883, 66.387
xyY	0.219, 0.274, 35.883
CIE-LCH	66.431, 34.06, 233.754
CIE-LUV	66.431, -41.753, -40.375
Hunter-Lab	59.903, -19.52, -23.776
Binary	00111100, 10101110, 11010010

#3caed2
```
#3caed2 rgb(60,174,210)
```
#d2603c
```
#d2603c rgb(210,96,60)
```

Complementary Color

#3cd2ab
```
#3cd2ab rgb(60,210,171)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#3c63d2
```
#3c63d2 rgb(60,99,210)
```

Analogous Color

#d2ab3c
```
#d2ab3c rgb(210,171,60)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#d23c63
```
#d23c63 rgb(210,60,99)
```

Split Complementary Color

#aed23c
```
#aed23c rgb(174,210,60)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#d23cae
```
#d23cae rgb(210,60,174)
```

Triadic Color

#3cd260
```
#3cd260 rgb(60,210,96)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#d23cae
```
#d23cae rgb(210,60,174)
```
#d2603c
```
#d2603c rgb(210,96,60)
```

Tetradic Color

#24809d
```
#24809d rgb(36,128,157)
```
#2991b2
```
#2991b2 rgb(41,145,178)
```
#2ea2c7
```
#2ea2c7 rgb(46,162,199)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#51b7d7
```
#51b7d7 rgb(81,183,215)
```
#65bfdc
```
#65bfdc rgb(101,191,220)
```
#7ac8e0
```
#7ac8e0 rgb(122,200,224)
```

Monochromatic Color

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

#3cd2d1
```
#3cd2d1 rgb(60,210,209)
```
#3cc7d2
```
#3cc7d2 rgb(60,199,210)
```
#3cbbd2
```
#3cbbd2 rgb(60,187,210)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#3ca2d2
```
#3ca2d2 rgb(60,162,210)
```
#3c95d2
```
#3c95d2 rgb(60,149,210)
```
#3c89d2
```
#3c89d2 rgb(60,137,210)
```

Similar Colors

Text with hexadecimal color #3caed2

This text has a font color of #3caed2.

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

#3caed2 background color

This paragraph has a background color of #3caed2.

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

#3caed2 border color

This element has a border color of #3caed2.

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

CSS codes

.text {color:#3caed2;}

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

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

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, #030a0c is the darkest color, while #fbfdfe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#06171c
```
#06171c rgb(6,23,28)
```
#0a242c
```
#0a242c rgb(10,36,44)
```
#0e313c
```
#0e313c rgb(14,49,60)
```
#123e4c
```
#123e4c rgb(18,62,76)
```
#154b5c
```
#154b5c rgb(21,75,92)
```
#19586c
```
#19586c rgb(25,88,108)
```
#1d657c
```
#1d657c rgb(29,101,124)
```
#20728c
```
#20728c rgb(32,114,140)
```
#247f9c
```
#247f9c rgb(36,127,156)
```
#288cac
```
#288cac rgb(40,140,172)
```
#2b99bc
```
#2b99bc rgb(43,153,188)
```
#2fa6cb
```
#2fa6cb rgb(47,166,203)
```

Shade Color Variation

#3caed2
```
#3caed2 rgb(60,174,210)
```
#4cb5d6
```
#4cb5d6 rgb(76,181,214)
```
#5cbbd9
```
#5cbbd9 rgb(92,187,217)
```
#6cc2dd
```
#6cc2dd rgb(108,194,221)
```
#7cc8e1
```
#7cc8e1 rgb(124,200,225)
```
#8ccfe4
```
#8ccfe4 rgb(140,207,228)
```
#9cd6e8
```
#9cd6e8 rgb(156,214,232)
```
#acdcec
```
#acdcec rgb(172,220,236)
```
#bce3ef
```
#bce3ef rgb(188,227,239)
```
#cbeaf3
```
#cbeaf3 rgb(203,234,243)
```
#dbf0f7
```
#dbf0f7 rgb(219,240,247)
```
#ebf7fa
```
#ebf7fa rgb(235,247,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#868888
```
#868888 rgb(134,136,136)
```
#7d8c91
```
#7d8c91 rgb(125,140,145)
```
#73919b
```
#73919b rgb(115,145,155)
```
#6a96a4
```
#6a96a4 rgb(106,150,164)
```
#619bad
```
#619bad rgb(97,155,173)
```
#58a0b6
```
#58a0b6 rgb(88,160,182)
```
#4ea4c0
```
#4ea4c0 rgb(78,164,192)
```
#45a9c9
```
#45a9c9 rgb(69,169,201)
```
#3caed2
```
#3caed2 rgb(60,174,210)
```
#33b3db
```
#33b3db rgb(51,179,219)
```
#2ab8e4
```
#2ab8e4 rgb(42,184,228)
```
#20bcee
```
#20bcee rgb(32,188,238)
```
#17c1f7
```
#17c1f7 rgb(23,193,247)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7f969d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca4cb Protanopia 1% of men
#97a4d9 Deuteranopia 1% of men
#35b5c2 Tritanopia 0.001% of the population

Trichromacy

#79a8cd Protanomaly 1% of men, 0.01% of women
#76a7d6 Deuteranomaly 6% of men, 0.4% of women
#38b2c8 Tritanomaly 0.01% of the population

#3caed2 hex color

#3caed2 Color Information

#3caed2 Color Conversion

Color Schemes with #3caed2

Alternatives to #3caed2

#3caed2 Preview

Shades and Tints of #3caed2

Tones of #3caed2

Color Blindness Simulator