#3aa4dc hex color

In a RGB color space, hex #3aa4dc is composed of 22.7% red, 64.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 25.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.7 degrees, a saturation of 69.8% and a lightness of 54.5%. #3aa4dc color hex could be obtained by blending #74ffff with #0049b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 64
- B 86
RGB color chart
- C 74
- M 25
- Y 0
- K 14
CMYK color chart

● #3aa4dc color description : Bright blue.

The hexadecimal color #3aa4dc has RGB values of R:58, G:164, B:220 and CMYK values of C:0.74, M:0.25, Y:0, K:0.14. Its decimal value is 3843292.

Hex triplet	3aa4dc	`#3aa4dc`
RGB Decimal	58, 164, 220	`rgb(58,164,220)`
RGB Percent	22.7, 64.3, 86.3	`rgb(22.7%,64.3%,86.3%)`
CMYK	74, 25, 0, 14
HSL	200.7°, 69.8, 54.5	`hsl(200.7,69.8%,54.5%)`
HSV (or HSB)	200.7°, 73.6, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.848, -11.737, -36.999
XYZ	27.935, 32.615, 72.529
xyY	0.21, 0.245, 32.615
CIE-LCH	63.848, 38.816, 252.4
CIE-LUV	63.848, -37.982, -57.131
Hunter-Lab	57.11, -12.629, -35.321
Binary	00111010, 10100100, 11011100

#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#dc723a
```
#dc723a rgb(220,114,58)
```

Complementary Color

#3adcc3
```
#3adcc3 rgb(58,220,195)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#3a53dc
```
#3a53dc rgb(58,83,220)
```

Analogous Color

#dcc33a
```
#dcc33a rgb(220,195,58)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#dc3a53
```
#dc3a53 rgb(220,58,83)
```

Split Complementary Color

#a4dc3a
```
#a4dc3a rgb(164,220,58)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#dc3aa4
```
#dc3aa4 rgb(220,58,164)
```

Triadic Color

#3adc72
```
#3adc72 rgb(58,220,114)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#dc3aa4
```
#dc3aa4 rgb(220,58,164)
```
#dc723a
```
#dc723a rgb(220,114,58)
```

Tetradic Color

#1e7aab
```
#1e7aab rgb(30,122,171)
```
#228ac1
```
#228ac1 rgb(34,138,193)
```
#2699d6
```
#2699d6 rgb(38,153,214)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#50aee0
```
#50aee0 rgb(80,174,224)
```
#65b8e4
```
#65b8e4 rgb(101,184,228)
```
#7bc2e8
```
#7bc2e8 rgb(123,194,232)
```

Monochromatic Color

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

#3acddc
```
#3acddc rgb(58,205,220)
```
#3abfdc
```
#3abfdc rgb(58,191,220)
```
#3ab2dc
```
#3ab2dc rgb(58,178,220)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#3a97dc
```
#3a97dc rgb(58,151,220)
```
#3a89dc
```
#3a89dc rgb(58,137,220)
```
#3a7cdc
```
#3a7cdc rgb(58,124,220)
```

Similar Colors

Text with hexadecimal color #3aa4dc

This text has a font color of #3aa4dc.

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

#3aa4dc background color

This paragraph has a background color of #3aa4dc.

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

#3aa4dc border color

This element has a border color of #3aa4dc.

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

CSS codes

.text {color:#3aa4dc;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030e14
```
#030e14 rgb(3,14,20)
```
#061a24
```
#061a24 rgb(6,26,36)
```
#092635
```
#092635 rgb(9,38,53)
```
#0c3245
```
#0c3245 rgb(12,50,69)
```
#0f3e56
```
#0f3e56 rgb(15,62,86)
```
#124a67
```
#124a67 rgb(18,74,103)
```
#155677
```
#155677 rgb(21,86,119)
```
#186188
```
#186188 rgb(24,97,136)
```
#1b6d99
```
#1b6d99 rgb(27,109,153)
```
#1e79a9
```
#1e79a9 rgb(30,121,169)
```
#2185ba
```
#2185ba rgb(33,133,186)
```
#2491cb
```
#2491cb rgb(36,145,203)
```

Shade Color Variation

#299cd9
```
#299cd9 rgb(41,156,217)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#4bacdf
```
#4bacdf rgb(75,172,223)
```
#5bb3e2
```
#5bb3e2 rgb(91,179,226)
```
#6cbbe5
```
#6cbbe5 rgb(108,187,229)
```
#7dc3e8
```
#7dc3e8 rgb(125,195,232)
```
#8dcaeb
```
#8dcaeb rgb(141,202,235)
```
#9ed2ee
```
#9ed2ee rgb(158,210,238)
```
#afdaf1
```
#afdaf1 rgb(175,218,241)
```
#bfe2f4
```
#bfe2f4 rgb(191,226,244)
```
#d0e9f7
```
#d0e9f7 rgb(208,233,247)
```
#e1f1fa
```
#e1f1fa rgb(225,241,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#8a8b8c
```
#8a8b8c rgb(138,139,140)
```
#818e95
```
#818e95 rgb(129,142,149)
```
#78919e
```
#78919e rgb(120,145,158)
```
#7093a6
```
#7093a6 rgb(112,147,166)
```
#6796af
```
#6796af rgb(103,150,175)
```
#5e99b8
```
#5e99b8 rgb(94,153,184)
```
#559cc1
```
#559cc1 rgb(85,156,193)
```
#4c9eca
```
#4c9eca rgb(76,158,202)
```
#43a1d3
```
#43a1d3 rgb(67,161,211)
```
#3aa4dc
```
#3aa4dc rgb(58,164,220)
```
#31a7e5
```
#31a7e5 rgb(49,167,229)
```
#28aaee
```
#28aaee rgb(40,170,238)
```
#1facf7
```
#1facf7 rgb(31,172,247)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7b909b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9dd6 Protanopia 1% of men
#829ee1 Deuteranopia 1% of men
#0fafbc Tritanopia 0.001% of the population

Trichromacy

#6fa0d8 Protanomaly 1% of men, 0.01% of women
#67a0df Deuteranomaly 6% of men, 0.4% of women
#1fabc7 Tritanomaly 0.01% of the population

#3aa4dc hex color

#3aa4dc Color Information

#3aa4dc Color Conversion

Color Schemes with #3aa4dc

Alternatives to #3aa4dc

#3aa4dc Preview

Shades and Tints of #3aa4dc

Tones of #3aa4dc

Color Blindness Simulator