#3aa0d7 hex color

In a RGB color space, hex #3aa0d7 is composed of 22.7% red, 62.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 25.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 201 degrees, a saturation of 66.2% and a lightness of 53.5%. #3aa0d7 color hex could be obtained by blending #74ffff with #0041af. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 63
- B 84
RGB color chart
- C 73
- M 26
- Y 0
- K 16
CMYK color chart

● #3aa0d7 color description : Moderate blue.

The hexadecimal color #3aa0d7 has RGB values of R:58, G:160, B:215 and CMYK values of C:0.73, M:0.26, Y:0, K:0.16. Its decimal value is 3842263.

Hex triplet	3aa0d7	`#3aa0d7`
RGB Decimal	58, 160, 215	`rgb(58,160,215)`
RGB Percent	22.7, 62.7, 84.3	`rgb(22.7%,62.7%,84.3%)`
CMYK	73, 26, 0, 16
HSL	201°, 66.2, 53.5	`hsl(201,66.2%,53.5%)`
HSV (or HSB)	201°, 73, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.461, -11.231, -36.392
XYZ	26.578, 30.945, 68.859
xyY	0.21, 0.245, 30.945
CIE-LCH	62.461, 38.086, 252.849
CIE-LUV	62.461, -36.85, -55.985
Hunter-Lab	55.628, -12.065, -34.451
Binary	00111010, 10100000, 11010111

#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#d7713a
```
#d7713a rgb(215,113,58)
```

Complementary Color

#3ad7c0
```
#3ad7c0 rgb(58,215,192)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#3a52d7
```
#3a52d7 rgb(58,82,215)
```

Analogous Color

#d7c03a
```
#d7c03a rgb(215,192,58)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#d73a52
```
#d73a52 rgb(215,58,82)
```

Split Complementary Color

#a0d73a
```
#a0d73a rgb(160,215,58)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#d73aa0
```
#d73aa0 rgb(215,58,160)
```

Triadic Color

#3ad771
```
#3ad771 rgb(58,215,113)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#d73aa0
```
#d73aa0 rgb(215,58,160)
```
#d7713a
```
#d7713a rgb(215,113,58)
```

Tetradic Color

#2176a3
```
#2176a3 rgb(33,118,163)
```
#2585b9
```
#2585b9 rgb(37,133,185)
```
#2a94ce
```
#2a94ce rgb(42,148,206)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#4faadb
```
#4faadb rgb(79,170,219)
```
#64b4e0
```
#64b4e0 rgb(100,180,224)
```
#7abfe4
```
#7abfe4 rgb(122,191,228)
```

Monochromatic Color

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

#3ac7d7
```
#3ac7d7 rgb(58,199,215)
```
#3abad7
```
#3abad7 rgb(58,186,215)
```
#3aadd7
```
#3aadd7 rgb(58,173,215)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#3a93d7
```
#3a93d7 rgb(58,147,215)
```
#3a86d7
```
#3a86d7 rgb(58,134,215)
```
#3a79d7
```
#3a79d7 rgb(58,121,215)
```

Similar Colors

Text with hexadecimal color #3aa0d7

This text has a font color of #3aa0d7.

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

#3aa0d7 background color

This paragraph has a background color of #3aa0d7.

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

#3aa0d7 border color

This element has a border color of #3aa0d7.

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

CSS codes

.text {color:#3aa0d7;}

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

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

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

#030b0f
```
#030b0f rgb(3,11,15)
```
#06171f
```
#06171f rgb(6,23,31)
```
#0a2230
```
#0a2230 rgb(10,34,48)
```
#0d2e40
```
#0d2e40 rgb(13,46,64)
```
#103a50
```
#103a50 rgb(16,58,80)
```
#144660
```
#144660 rgb(20,70,96)
```
#175171
```
#175171 rgb(23,81,113)
```
#1a5d81
```
#1a5d81 rgb(26,93,129)
```
#1e6991
```
#1e6991 rgb(30,105,145)
```
#2175a2
```
#2175a2 rgb(33,117,162)
```
#2480b2
```
#2480b2 rgb(36,128,178)
```
#278cc2
```
#278cc2 rgb(39,140,194)
```
#2b98d3
```
#2b98d3 rgb(43,152,211)
```

Shade Color Variation

#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#4aa8da
```
#4aa8da rgb(74,168,218)
```
#5bb0de
```
#5bb0de rgb(91,176,222)
```
#6bb8e1
```
#6bb8e1 rgb(107,184,225)
```
#7bbfe4
```
#7bbfe4 rgb(123,191,228)
```
#8cc7e8
```
#8cc7e8 rgb(140,199,232)
```
#9ccfeb
```
#9ccfeb rgb(156,207,235)
```
#acd7ee
```
#acd7ee rgb(172,215,238)
```
#bcdff1
```
#bcdff1 rgb(188,223,241)
```
#cde7f5
```
#cde7f5 rgb(205,231,245)
```
#ddeff8
```
#ddeff8 rgb(221,239,248)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#838a8e
```
#838a8e rgb(131,138,142)
```
#7a8d97
```
#7a8d97 rgb(122,141,151)
```
#7190a0
```
#7190a0 rgb(113,144,160)
```
#6892a9
```
#6892a9 rgb(104,146,169)
```
#5e95b3
```
#5e95b3 rgb(94,149,179)
```
#5598bc
```
#5598bc rgb(85,152,188)
```
#4c9bc5
```
#4c9bc5 rgb(76,155,197)
```
#439dce
```
#439dce rgb(67,157,206)
```
#3aa0d7
```
#3aa0d7 rgb(58,160,215)
```
#31a3e0
```
#31a3e0 rgb(49,163,224)
```
#28a5e9
```
#28a5e9 rgb(40,165,233)
```
#1fa8f2
```
#1fa8f2 rgb(31,168,242)
```
#16abfb
```
#16abfb rgb(22,171,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#788d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9ad1 Protanopia 1% of men
#7f9bdc Deuteranopia 1% of men
#17abb8 Tritanopia 0.001% of the population

Trichromacy

#6d9cd3 Protanomaly 1% of men, 0.01% of women
#669dda Deuteranomaly 6% of men, 0.4% of women
#23a7c3 Tritanomaly 0.01% of the population

#3aa0d7 hex color

#3aa0d7 Color Information

#3aa0d7 Color Conversion

Color Schemes with #3aa0d7

Alternatives to #3aa0d7

#3aa0d7 Preview

Shades and Tints of #3aa0d7

Tones of #3aa0d7

Color Blindness Simulator