#3caedd hex color

In a RGB color space, hex #3caedd is composed of 23.5% red, 68.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 21.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.5 degrees, a saturation of 70.3% and a lightness of 55.1%. #3caedd color hex could be obtained by blending #78ffff with #005dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 68
- B 87
RGB color chart
- C 73
- M 21
- Y 0
- K 13
CMYK color chart

● #3caedd color description : Bright blue.

The hexadecimal color #3caedd has RGB values of R:60, G:174, B:221 and CMYK values of C:0.73, M:0.21, Y:0, K:0.13. Its decimal value is 3976925.

Hex triplet	3caedd	`#3caedd`
RGB Decimal	60, 174, 221	`rgb(60,174,221)`
RGB Percent	23.5, 68.2, 86.7	`rgb(23.5%,68.2%,86.7%)`
CMYK	73, 21, 0, 13
HSL	197.5°, 70.3, 55.1	`hsl(197.5,70.3%,55.1%)`
HSV (or HSB)	197.5°, 72.9, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.863, -16.556, -32.859
XYZ	30.047, 36.451, 73.855
xyY	0.214, 0.26, 36.451
CIE-LCH	66.863, 36.794, 243.259
CIE-LUV	66.863, -41.111, -49.919
Hunter-Lab	60.374, -16.819, -30.266
Binary	00111100, 10101110, 11011101

#3caedd
```
#3caedd rgb(60,174,221)
```
#dd6b3c
```
#dd6b3c rgb(221,107,60)
```

Complementary Color

#3cddbc
```
#3cddbc rgb(60,221,188)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#3c5edd
```
#3c5edd rgb(60,94,221)
```

Analogous Color

#ddbc3c
```
#ddbc3c rgb(221,188,60)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#dd3c5e
```
#dd3c5e rgb(221,60,94)
```

Split Complementary Color

#aedd3c
```
#aedd3c rgb(174,221,60)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#dd3cae
```
#dd3cae rgb(221,60,174)
```

Triadic Color

#3cdd6b
```
#3cdd6b rgb(60,221,107)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#dd3cae
```
#dd3cae rgb(221,60,174)
```
#dd6b3c
```
#dd6b3c rgb(221,107,60)
```

Tetradic Color

#1e84ae
```
#1e84ae rgb(30,132,174)
```
#2295c4
```
#2295c4 rgb(34,149,196)
```
#26a5d9
```
#26a5d9 rgb(38,165,217)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#52b7e1
```
#52b7e1 rgb(82,183,225)
```
#67c0e5
```
#67c0e5 rgb(103,192,229)
```
#7dc9e8
```
#7dc9e8 rgb(125,201,232)
```

Monochromatic Color

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

#3cd6dd
```
#3cd6dd rgb(60,214,221)
```
#3cc9dd
```
#3cc9dd rgb(60,201,221)
```
#3cbbdd
```
#3cbbdd rgb(60,187,221)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#3ca1dd
```
#3ca1dd rgb(60,161,221)
```
#3c93dd
```
#3c93dd rgb(60,147,221)
```
#3c86dd
```
#3c86dd rgb(60,134,221)
```

Similar Colors

Text with hexadecimal color #3caedd

This text has a font color of #3caedd.

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

#3caedd background color

This paragraph has a background color of #3caedd.

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

#3caedd border color

This element has a border color of #3caedd.

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

CSS codes

.text {color:#3caedd;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041116
```
#041116 rgb(4,17,22)
```
#071d27
```
#071d27 rgb(7,29,39)
```
#0a2a38
```
#0a2a38 rgb(10,42,56)
```
#0d3748
```
#0d3748 rgb(13,55,72)
```
#104459
```
#104459 rgb(16,68,89)
```
#12506a
```
#12506a rgb(18,80,106)
```
#155d7a
```
#155d7a rgb(21,93,122)
```
#186a8b
```
#186a8b rgb(24,106,139)
```
#1b769c
```
#1b769c rgb(27,118,156)
```
#1e83ac
```
#1e83ac rgb(30,131,172)
```
#2190bd
```
#2190bd rgb(33,144,189)
```
#249cce
```
#249cce rgb(36,156,206)
```

Shade Color Variation

#2ba7da
```
#2ba7da rgb(43,167,218)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#4db5e0
```
#4db5e0 rgb(77,181,224)
```
#5dbce3
```
#5dbce3 rgb(93,188,227)
```
#6ec3e6
```
#6ec3e6 rgb(110,195,230)
```
#7fcae9
```
#7fcae9 rgb(127,202,233)
```
#90d1ec
```
#90d1ec rgb(144,209,236)
```
#a0d8ee
```
#a0d8ee rgb(160,216,238)
```
#b1dff1
```
#b1dff1 rgb(177,223,241)
```
#c2e6f4
```
#c2e6f4 rgb(194,230,244)
```
#d2ecf7
```
#d2ecf7 rgb(210,236,247)
```
#e3f3fa
```
#e3f3fa rgb(227,243,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#8b8d8e
```
#8b8d8e rgb(139,141,142)
```
#829197
```
#829197 rgb(130,145,151)
```
#7a949f
```
#7a949f rgb(122,148,159)
```
#7198a8
```
#7198a8 rgb(113,152,168)
```
#689cb1
```
#689cb1 rgb(104,156,177)
```
#5f9fba
```
#5f9fba rgb(95,159,186)
```
#56a3c3
```
#56a3c3 rgb(86,163,195)
```
#4ea7cb
```
#4ea7cb rgb(78,167,203)
```
#45aad4
```
#45aad4 rgb(69,170,212)
```
#3caedd
```
#3caedd rgb(60,174,221)
```
#33b2e6
```
#33b2e6 rgb(51,178,230)
```
#2ab5ef
```
#2ab5ef rgb(42,181,239)
```
#22b9f7
```
#22b9f7 rgb(34,185,247)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8097a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a5d6 Protanopia 1% of men
#90a5e3 Deuteranopia 1% of men
#28b7c4 Tritanopia 0.001% of the population

Trichromacy

#77a8d8 Protanomaly 1% of men, 0.01% of women
#72a8e1 Deuteranomaly 6% of men, 0.4% of women
#2fb3cd Tritanomaly 0.01% of the population

#3caedd hex color

#3caedd Color Information

#3caedd Color Conversion

Color Schemes with #3caedd

Alternatives to #3caedd

#3caedd Preview

Shades and Tints of #3caedd

Tones of #3caedd

Color Blindness Simulator