#3caadc hex color

In a RGB color space, hex #3caadc is composed of 23.5% red, 66.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 22.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.8 degrees, a saturation of 69.6% and a lightness of 54.9%. #3caadc color hex could be obtained by blending #78ffff with #0055b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 67
- B 86
RGB color chart
- C 73
- M 23
- Y 0
- K 14
CMYK color chart

● #3caadc color description : Bright blue.

The hexadecimal color #3caadc has RGB values of R:60, G:170, B:220 and CMYK values of C:0.73, M:0.23, Y:0, K:0.14. Its decimal value is 3975900.

Hex triplet	3caadc	`#3caadc`
RGB Decimal	60, 170, 220	`rgb(60,170,220)`
RGB Percent	23.5, 66.7, 86.3	`rgb(23.5%,66.7%,86.3%)`
CMYK	73, 23, 0, 14
HSL	198.8°, 69.6, 54.9	`hsl(198.8,69.6%,54.9%)`
HSV (or HSB)	198.8°, 72.7, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.651, -14.746, -34.189
XYZ	29.153, 34.875, 72.901
xyY	0.213, 0.255, 34.875
CIE-LCH	65.651, 37.233, 246.669
CIE-LUV	65.651, -39.761, -52.254
Hunter-Lab	59.055, -15.228, -31.853
Binary	00111100, 10101010, 11011100

#3caadc
```
#3caadc rgb(60,170,220)
```
#dc6e3c
```
#dc6e3c rgb(220,110,60)
```

Complementary Color

#3cdcbe
```
#3cdcbe rgb(60,220,190)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#3c5adc
```
#3c5adc rgb(60,90,220)
```

Analogous Color

#dcbe3c
```
#dcbe3c rgb(220,190,60)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#dc3c5a
```
#dc3c5a rgb(220,60,90)
```

Split Complementary Color

#aadc3c
```
#aadc3c rgb(170,220,60)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#dc3caa
```
#dc3caa rgb(220,60,170)
```

Triadic Color

#3cdc6e
```
#3cdc6e rgb(60,220,110)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#dc3caa
```
#dc3caa rgb(220,60,170)
```
#dc6e3c
```
#dc6e3c rgb(220,110,60)
```

Tetradic Color

#1f80ad
```
#1f80ad rgb(31,128,173)
```
#2390c2
```
#2390c2 rgb(35,144,194)
```
#27a0d8
```
#27a0d8 rgb(39,160,216)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#52b3e0
```
#52b3e0 rgb(82,179,224)
```
#67bde4
```
#67bde4 rgb(103,189,228)
```
#7dc6e8
```
#7dc6e8 rgb(125,198,232)
```

Monochromatic Color

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

#3cd2dc
```
#3cd2dc rgb(60,210,220)
```
#3cc5dc
```
#3cc5dc rgb(60,197,220)
```
#3cb7dc
```
#3cb7dc rgb(60,183,220)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#3c9ddc
```
#3c9ddc rgb(60,157,220)
```
#3c8fdc
```
#3c8fdc rgb(60,143,220)
```
#3c82dc
```
#3c82dc rgb(60,130,220)
```

Similar Colors

Text with hexadecimal color #3caadc

This text has a font color of #3caadc.

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

#3caadc background color

This paragraph has a background color of #3caadc.

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

#3caadc border color

This element has a border color of #3caadc.

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

CSS codes

.text {color:#3caadc;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#041015
```
#041015 rgb(4,16,21)
```
#071c26
```
#071c26 rgb(7,28,38)
```
#0a2836
```
#0a2836 rgb(10,40,54)
```
#0d3547
```
#0d3547 rgb(13,53,71)
```
#104158
```
#104158 rgb(16,65,88)
```
#134e68
```
#134e68 rgb(19,78,104)
```
#165a79
```
#165a79 rgb(22,90,121)
```
#19668a
```
#19668a rgb(25,102,138)
```
#1c739a
```
#1c739a rgb(28,115,154)
```
#1f7fab
```
#1f7fab rgb(31,127,171)
```
#228bbc
```
#228bbc rgb(34,139,188)
```
#2598cc
```
#2598cc rgb(37,152,204)
```

Shade Color Variation

#2ba3d9
```
#2ba3d9 rgb(43,163,217)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#4db1df
```
#4db1df rgb(77,177,223)
```
#5db8e2
```
#5db8e2 rgb(93,184,226)
```
#6ec0e5
```
#6ec0e5 rgb(110,192,229)
```
#7fc7e8
```
#7fc7e8 rgb(127,199,232)
```
#8fceeb
```
#8fceeb rgb(143,206,235)
```
#a0d5ee
```
#a0d5ee rgb(160,213,238)
```
#b0ddf1
```
#b0ddf1 rgb(176,221,241)
```
#c1e4f4
```
#c1e4f4 rgb(193,228,244)
```
#d2ebf7
```
#d2ebf7 rgb(210,235,247)
```
#e2f2fa
```
#e2f2fa rgb(226,242,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#838f95
```
#838f95 rgb(131,143,149)
```
#7a939e
```
#7a939e rgb(122,147,158)
```
#7196a7
```
#7196a7 rgb(113,150,167)
```
#6899b0
```
#6899b0 rgb(104,153,176)
```
#5f9db9
```
#5f9db9 rgb(95,157,185)
```
#57a0c1
```
#57a0c1 rgb(87,160,193)
```
#4ea3ca
```
#4ea3ca rgb(78,163,202)
```
#45a7d3
```
#45a7d3 rgb(69,167,211)
```
#3caadc
```
#3caadc rgb(60,170,220)
```
#33ade5
```
#33ade5 rgb(51,173,229)
```
#2ab1ee
```
#2ab1ee rgb(42,177,238)
```
#21b4f7
```
#21b4f7 rgb(33,180,247)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7e949e Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a2d5 Protanopia 1% of men
#8ba3e2 Deuteranopia 1% of men
#24b3c1 Tritanopia 0.001% of the population

Trichromacy

#74a5d7 Protanomaly 1% of men, 0.01% of women
#6ea5e0 Deuteranomaly 6% of men, 0.4% of women
#2db0ca Tritanomaly 0.01% of the population

#3caadc hex color

#3caadc Color Information

#3caadc Color Conversion

Color Schemes with #3caadc

Alternatives to #3caadc

#3caadc Preview

Shades and Tints of #3caadc

Tones of #3caadc

Color Blindness Simulator