#3caad7 hex color

In a RGB color space, hex #3caad7 is composed of 23.5% red, 66.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 20.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 197.4 degrees, a saturation of 66% and a lightness of 53.9%. #3caad7 color hex could be obtained by blending #78ffff with #0055af. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 67
- B 84
RGB color chart
- C 72
- M 21
- Y 0
- K 16
CMYK color chart

● #3caad7 color description : Moderate blue.

The hexadecimal color #3caad7 has RGB values of R:60, G:170, B:215 and CMYK values of C:0.72, M:0.21, Y:0, K:0.16. Its decimal value is 3975895.

Hex triplet	3caad7	`#3caad7`
RGB Decimal	60, 170, 215	`rgb(60,170,215)`
RGB Percent	23.5, 66.7, 84.3	`rgb(23.5%,66.7%,84.3%)`
CMYK	72, 21, 0, 16
HSL	197.4°, 66, 53.9	`hsl(197.4,66%,53.9%)`
HSV (or HSB)	197.4°, 72.1, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.447, -16.4, -31.747
XYZ	28.501, 34.614, 69.465
xyY	0.215, 0.261, 34.614
CIE-LCH	65.447, 35.733, 242.68
CIE-LUV	65.447, -40.042, -47.92
Hunter-Lab	58.834, -16.488, -28.821
Binary	00111100, 10101010, 11010111

#3caad7
```
#3caad7 rgb(60,170,215)
```
#d7693c
```
#d7693c rgb(215,105,60)
```

Complementary Color

#3cd7b7
```
#3cd7b7 rgb(60,215,183)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#3c5dd7
```
#3c5dd7 rgb(60,93,215)
```

Analogous Color

#d7b73c
```
#d7b73c rgb(215,183,60)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#d73c5d
```
#d73c5d rgb(215,60,93)
```

Split Complementary Color

#aad73c
```
#aad73c rgb(170,215,60)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#d73caa
```
#d73caa rgb(215,60,170)
```

Triadic Color

#3cd769
```
#3cd769 rgb(60,215,105)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#d73caa
```
#d73caa rgb(215,60,170)
```
#d7693c
```
#d7693c rgb(215,105,60)
```

Tetradic Color

#227fa5
```
#227fa5 rgb(34,127,165)
```
#268fba
```
#268fba rgb(38,143,186)
```
#2a9fcf
```
#2a9fcf rgb(42,159,207)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#51b3db
```
#51b3db rgb(81,179,219)
```
#66bce0
```
#66bce0 rgb(102,188,224)
```
#7bc6e4
```
#7bc6e4 rgb(123,198,228)
```

Monochromatic Color

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

#3cd1d7
```
#3cd1d7 rgb(60,209,215)
```
#3cc4d7
```
#3cc4d7 rgb(60,196,215)
```
#3cb7d7
```
#3cb7d7 rgb(60,183,215)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#3c9dd7
```
#3c9dd7 rgb(60,157,215)
```
#3c90d7
```
#3c90d7 rgb(60,144,215)
```
#3c83d7
```
#3c83d7 rgb(60,131,215)
```

Similar Colors

Text with hexadecimal color #3caad7

This text has a font color of #3caad7.

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

#3caad7 background color

This paragraph has a background color of #3caad7.

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

#3caad7 border color

This element has a border color of #3caad7.

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

CSS codes

.text {color:#3caad7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#071921
```
#071921 rgb(7,25,33)
```
#0a2631
```
#0a2631 rgb(10,38,49)
```
#0d3241
```
#0d3241 rgb(13,50,65)
```
#113f52
```
#113f52 rgb(17,63,82)
```
#144b62
```
#144b62 rgb(20,75,98)
```
#175872
```
#175872 rgb(23,88,114)
```
#1b6483
```
#1b6483 rgb(27,100,131)
```
#1e7193
```
#1e7193 rgb(30,113,147)
```
#217da3
```
#217da3 rgb(33,125,163)
```
#258ab3
```
#258ab3 rgb(37,138,179)
```
#2896c4
```
#2896c4 rgb(40,150,196)
```

Shade Color Variation

#2ca3d4
```
#2ca3d4 rgb(44,163,212)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#4cb1da
```
#4cb1da rgb(76,177,218)
```
#5db8de
```
#5db8de rgb(93,184,222)
```
#6dbfe1
```
#6dbfe1 rgb(109,191,225)
```
#7dc6e4
```
#7dc6e4 rgb(125,198,228)
```
#8dcde8
```
#8dcde8 rgb(141,205,232)
```
#9ed5eb
```
#9ed5eb rgb(158,213,235)
```
#aedcee
```
#aedcee rgb(174,220,238)
```
#bee3f2
```
#bee3f2 rgb(190,227,242)
```
#ceeaf5
```
#ceeaf5 rgb(206,234,245)
```
#dff1f8
```
#dff1f8 rgb(223,241,248)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848c8f is the less saturated color, while #18b9fb is the most saturated one.

#848c8f
```
#848c8f rgb(132,140,143)
```
#7b8f98
```
#7b8f98 rgb(123,143,152)
```
#7293a1
```
#7293a1 rgb(114,147,161)
```
#6997aa
```
#6997aa rgb(105,151,170)
```
#609bb3
```
#609bb3 rgb(96,155,179)
```
#579fbc
```
#579fbc rgb(87,159,188)
```
#4ea2c5
```
#4ea2c5 rgb(78,162,197)
```
#45a6ce
```
#45a6ce rgb(69,166,206)
```
#3caad7
```
#3caad7 rgb(60,170,215)
```
#33aee0
```
#33aee0 rgb(51,174,224)
```
#2ab2e9
```
#2ab2e9 rgb(42,178,233)
```
#21b5f2
```
#21b5f2 rgb(33,181,242)
```
#18b9fb
```
#18b9fb rgb(24,185,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7e949d Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a2d0 Protanopia 1% of men
#8ea2dd Deuteranopia 1% of men
#2cb3c0 Tritanopia 0.001% of the population

Trichromacy

#75a5d3 Protanomaly 1% of men, 0.01% of women
#70a5db Deuteranomaly 6% of men, 0.4% of women
#31afc8 Tritanomaly 0.01% of the population

#3caad7 hex color

#3caad7 Color Information

#3caad7 Color Conversion

Color Schemes with #3caad7

Alternatives to #3caad7

#3caad7 Preview

Shades and Tints of #3caad7

Tones of #3caad7

Color Blindness Simulator