colorhexa.com

#3aaedb hex color

In a RGB color space, hex #3aaedb is composed of 22.7% red, 68.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 20.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 196.8 degrees, a saturation of 69.1% and a lightness of 54.3%. #3aaedb color hex could be obtained by blending #74ffff with #005db7. Closest websafe color is: #3399cc.

- R 23
- G 68
- B 86
RGB color chart
- C 74
- M 21
- Y 0
- K 14
CMYK color chart

● #3aaedb color description : Bright blue.

The hexadecimal color #3aaedb has RGB values of R:58, G:174, B:219 and CMYK values of C:0.74, M:0.21, Y:0, K:0.14. Its decimal value is 3845851.

Hex triplet	3aaedb	`#3aaedb`
RGB Decimal	58, 174, 219	`rgb(58,174,219)`
RGB Percent	22.7, 68.2, 85.9	`rgb(22.7%,68.2%,85.9%)`
CMYK	74, 21, 0, 14
HSL	196.8°, 69.1, 54.3	`hsl(196.8,69.1%,54.3%)`
HSV (or HSB)	196.8°, 73.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.736, -17.465, -31.96
XYZ	29.664, 36.284, 72.454
xyY	0.214, 0.262, 36.284
CIE-LCH	66.736, 36.42, 241.345
CIE-LUV	66.736, -41.544, -48.278
Hunter-Lab	60.236, -17.508, -29.151
Binary	00111010, 10101110, 11011011

#3aaedb
```
#3aaedb rgb(58,174,219)
```
#db673a
```
#db673a rgb(219,103,58)
```

Complementary Color

#3adbb8
```
#3adbb8 rgb(58,219,184)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#3a5edb
```
#3a5edb rgb(58,94,219)
```

Analogous Color

#dbb83a
```
#dbb83a rgb(219,184,58)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#db3a5e
```
#db3a5e rgb(219,58,94)
```

Split Complementary Color

#aedb3a
```
#aedb3a rgb(174,219,58)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#db3aae
```
#db3aae rgb(219,58,174)
```

Triadic Color

#3adb67
```
#3adb67 rgb(58,219,103)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#db3aae
```
#db3aae rgb(219,58,174)
```
#db673a
```
#db673a rgb(219,103,58)
```

Tetradic Color

#1f83aa
```
#1f83aa rgb(31,131,170)
```
#2393bf
```
#2393bf rgb(35,147,191)
```
#27a4d5
```
#27a4d5 rgb(39,164,213)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#50b7df
```
#50b7df rgb(80,183,223)
```
#65c0e3
```
#65c0e3 rgb(101,192,227)
```
#7bc9e7
```
#7bc9e7 rgb(123,201,231)
```

Monochromatic Color

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

#3ad6db
```
#3ad6db rgb(58,214,219)
```
#3ac9db
```
#3ac9db rgb(58,201,219)
```
#3abbdb
```
#3abbdb rgb(58,187,219)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#3aa1db
```
#3aa1db rgb(58,161,219)
```
#3a93db
```
#3a93db rgb(58,147,219)
```
#3a86db
```
#3a86db rgb(58,134,219)
```

Similar Colors

Text with hexadecimal color #3aaedb

This text has a font color of #3aaedb.

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

#3aaedb background color

This paragraph has a background color of #3aaedb.

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

#3aaedb border color

This element has a border color of #3aaedb.

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

CSS codes

.text {color:#3aaedb;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#061b23
```
#061b23 rgb(6,27,35)
```
#092834
```
#092834 rgb(9,40,52)
```
#0c3544
```
#0c3544 rgb(12,53,68)
```
#104255
```
#104255 rgb(16,66,85)
```
#134e66
```
#134e66 rgb(19,78,102)
```
#165b76
```
#165b76 rgb(22,91,118)
```
#196887
```
#196887 rgb(25,104,135)
```
#1c7597
```
#1c7597 rgb(28,117,151)
```
#1f82a8
```
#1f82a8 rgb(31,130,168)
```
#228eb8
```
#228eb8 rgb(34,142,184)
```
#259bc9
```
#259bc9 rgb(37,155,201)
```

Shade Color Variation

#29a7d8
```
#29a7d8 rgb(41,167,216)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#4bb5de
```
#4bb5de rgb(75,181,222)
```
#5bbce1
```
#5bbce1 rgb(91,188,225)
```
#6cc2e4
```
#6cc2e4 rgb(108,194,228)
```
#7cc9e7
```
#7cc9e7 rgb(124,201,231)
```
#8dd0ea
```
#8dd0ea rgb(141,208,234)
```
#9ed7ed
```
#9ed7ed rgb(158,215,237)
```
#aedef0
```
#aedef0 rgb(174,222,240)
```
#bfe5f3
```
#bfe5f3 rgb(191,229,243)
```
#cfebf6
```
#cfebf6 rgb(207,235,246)
```
#e0f2f9
```
#e0f2f9 rgb(224,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#828e93
```
#828e93 rgb(130,142,147)
```
#79929c
```
#79929c rgb(121,146,156)
```
#7096a5
```
#7096a5 rgb(112,150,165)
```
#679aae
```
#679aae rgb(103,154,174)
```
#5e9eb7
```
#5e9eb7 rgb(94,158,183)
```
#55a2c0
```
#55a2c0 rgb(85,162,192)
```
#4ca6c9
```
#4ca6c9 rgb(76,166,201)
```
#43aad2
```
#43aad2 rgb(67,170,210)
```
#3aaedb
```
#3aaedb rgb(58,174,219)
```
#31b2e4
```
#31b2e4 rgb(49,178,228)
```
#28b6ed
```
#28b6ed rgb(40,182,237)
```
#1fbaf6
```
#1fbaf6 rgb(31,186,246)
```
#16beff
```
#16beff rgb(22,190,255)
```

Tone Color Variation

Below, you can see how #3aaedb 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
#7f969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a5d4 Protanopia 1% of men
#91a5e1 Deuteranopia 1% of men
#27b6c4 Tritanopia 0.001% of the population

Trichromacy

#77a8d6 Protanomaly 1% of men, 0.01% of women
#71a8df Deuteranomaly 6% of men, 0.4% of women
#2eb3cc Tritanomaly 0.01% of the population