#3aafca hex color

In a RGB color space, hex #3aafca is composed of 22.7% red, 68.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 13.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 191.3 degrees, a saturation of 57.6% and a lightness of 51%. #3aafca color hex could be obtained by blending #74ffff with #005f95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 69
- B 79
RGB color chart
- C 71
- M 13
- Y 0
- K 21
CMYK color chart

● #3aafca color description : Moderate cyan.

The hexadecimal color #3aafca has RGB values of R:58, G:175, B:202 and CMYK values of C:0.71, M:0.13, Y:0, K:0.21. Its decimal value is 3846090.

Hex triplet	3aafca	`#3aafca`
RGB Decimal	58, 175, 202	`rgb(58,175,202)`
RGB Percent	22.7, 68.6, 79.2	`rgb(22.7%,68.6%,79.2%)`
CMYK	71, 13, 0, 21
HSL	191.3°, 57.6, 51	`hsl(191.3,57.6%,51%)`
HSV (or HSB)	191.3°, 71.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.383, -23.47, -23.128
XYZ	27.733, 35.821, 61.327
xyY	0.222, 0.287, 35.821
CIE-LCH	66.383, 32.95, 224.58
CIE-LUV	66.383, -42.926, -32.728
Hunter-Lab	59.851, -22.029, -18.856
Binary	00111010, 10101111, 11001010

#3aafca
```
#3aafca rgb(58,175,202)
```
#ca553a
```
#ca553a rgb(202,85,58)
```

Complementary Color

#3aca9d
```
#3aca9d rgb(58,202,157)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#3a67ca
```
#3a67ca rgb(58,103,202)
```

Analogous Color

#ca9d3a
```
#ca9d3a rgb(202,157,58)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#ca3a67
```
#ca3a67 rgb(202,58,103)
```

Split Complementary Color

#afca3a
```
#afca3a rgb(175,202,58)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#ca3aaf
```
#ca3aaf rgb(202,58,175)
```

Triadic Color

#3aca55
```
#3aca55 rgb(58,202,85)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#ca3aaf
```
#ca3aaf rgb(202,58,175)
```
#ca553a
```
#ca553a rgb(202,85,58)
```

Tetradic Color

#277d91
```
#277d91 rgb(39,125,145)
```
#2c8ea5
```
#2c8ea5 rgb(44,142,165)
```
#329fb9
```
#329fb9 rgb(50,159,185)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#4eb7cf
```
#4eb7cf rgb(78,183,207)
```
#62bfd5
```
#62bfd5 rgb(98,191,213)
```
#76c7da
```
#76c7da rgb(118,199,218)
```

Monochromatic Color

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

#3acac1
```
#3acac1 rgb(58,202,193)
```
#3ac7ca
```
#3ac7ca rgb(58,199,202)
```
#3abbca
```
#3abbca rgb(58,187,202)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#3aa3ca
```
#3aa3ca rgb(58,163,202)
```
#3a97ca
```
#3a97ca rgb(58,151,202)
```
#3a8bca
```
#3a8bca rgb(58,139,202)
```

Similar Colors

Text with hexadecimal color #3aafca

This text has a font color of #3aafca.

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

#3aafca background color

This paragraph has a background color of #3aafca.

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

#3aafca border color

This element has a border color of #3aafca.

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

CSS codes

.text {color:#3aafca;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051113
```
#051113 rgb(5,17,19)
```
#091e23
```
#091e23 rgb(9,30,35)
```
#0e2b32
```
#0e2b32 rgb(14,43,50)
```
#123942
```
#123942 rgb(18,57,66)
```
#164651
```
#164651 rgb(22,70,81)
```
#1a5361
```
#1a5361 rgb(26,83,97)
```
#1e6170
```
#1e6170 rgb(30,97,112)
```
#226e80
```
#226e80 rgb(34,110,128)
```
#267b8f
```
#267b8f rgb(38,123,143)
```
#2b899f
```
#2b899f rgb(43,137,159)
```
#2f96ae
```
#2f96ae rgb(47,150,174)
```
#33a3bd
```
#33a3bd rgb(51,163,189)
```

Shade Color Variation

#3aafca
```
#3aafca rgb(58,175,202)
```
#49b5ce
```
#49b5ce rgb(73,181,206)
```
#59bcd2
```
#59bcd2 rgb(89,188,210)
```
#68c2d6
```
#68c2d6 rgb(104,194,214)
```
#78c8db
```
#78c8db rgb(120,200,219)
```
#87cedf
```
#87cedf rgb(135,206,223)
```
#97d5e3
```
#97d5e3 rgb(151,213,227)
```
#a6dbe7
```
#a6dbe7 rgb(166,219,231)
```
#b6e1eb
```
#b6e1eb rgb(182,225,235)
```
#c5e7ef
```
#c5e7ef rgb(197,231,239)
```
#d5eef4
```
#d5eef4 rgb(213,238,244)
```
#e4f4f8
```
#e4f4f8 rgb(228,244,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8587 is the less saturated color, while #0acdfa is the most saturated one.

#7d8587
```
#7d8587 rgb(125,133,135)
```
#748b90
```
#748b90 rgb(116,139,144)
```
#6a919a
```
#6a919a rgb(106,145,154)
```
#6097a4
```
#6097a4 rgb(96,151,164)
```
#579dad
```
#579dad rgb(87,157,173)
```
#4da3b7
```
#4da3b7 rgb(77,163,183)
```
#44a9c0
```
#44a9c0 rgb(68,169,192)
```
#3aafca
```
#3aafca rgb(58,175,202)
```
#30b5d4
```
#30b5d4 rgb(48,181,212)
```
#27bbdd
```
#27bbdd rgb(39,187,221)
```
#1dc1e7
```
#1dc1e7 rgb(29,193,231)
```
#14c7f0
```
#14c7f0 rgb(20,199,240)
```
#0acdfa
```
#0acdfa rgb(10,205,250)
```

Tone Color Variation

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

Dichromacy

#9fa4c3 Protanopia 1% of men
#9ca3d2 Deuteranopia 1% of men
#3bb5c2 Tritanopia 0.001% of the population

Trichromacy

#7aa8c6 Protanomaly 1% of men, 0.01% of women
#78a7cf Deuteranomaly 6% of men, 0.4% of women
#3ab2c5 Tritanomaly 0.01% of the population

#3aafca hex color

#3aafca Color Information

#3aafca Color Conversion

Color Schemes with #3aafca

Alternatives to #3aafca

#3aafca Preview

Shades and Tints of #3aafca

Tones of #3aafca

Color Blindness Simulator