#3faee2 hex color

In a RGB color space, hex #3faee2 is composed of 24.7% red, 68.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 23% magenta, 0% yellow and 11.4% black. It has a hue angle of 199.1 degrees, a saturation of 73.8% and a lightness of 56.7%. #3faee2 color hex could be obtained by blending #7effff with #005dc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 68
- B 89
RGB color chart
- C 72
- M 23
- Y 0
- K 11
CMYK color chart

● #3faee2 color description : Bright blue.

The hexadecimal color #3faee2 has RGB values of R:63, G:174, B:226 and CMYK values of C:0.72, M:0.23, Y:0, K:0.11. Its decimal value is 4173538.

Hex triplet	3faee2	`#3faee2`
RGB Decimal	63, 174, 226	`rgb(63,174,226)`
RGB Percent	24.7, 68.2, 88.6	`rgb(24.7%,68.2%,88.6%)`
CMYK	72, 23, 0, 11
HSL	199.1°, 73.8, 56.7	`hsl(199.1,73.8%,56.7%)`
HSV (or HSB)	199.1°, 72.1, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.14, -14.521, -35.169
XYZ	30.91, 36.817, 77.425
xyY	0.213, 0.254, 36.817
CIE-LCH	67.14, 38.049, 247.565
CIE-LUV	67.14, -40.339, -54.103
Hunter-Lab	60.677, -15.255, -33.181
Binary	00111111, 10101110, 11100010

#3faee2
```
#3faee2 rgb(63,174,226)
```
#e2733f
```
#e2733f rgb(226,115,63)
```

Complementary Color

#3fe2c5
```
#3fe2c5 rgb(63,226,197)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#3f5de2
```
#3f5de2 rgb(63,93,226)
```

Analogous Color

#e2c53f
```
#e2c53f rgb(226,197,63)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#e23f5d
```
#e23f5d rgb(226,63,93)
```

Split Complementary Color

#aee23f
```
#aee23f rgb(174,226,63)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#e23fae
```
#e23fae rgb(226,63,174)
```

Triadic Color

#3fe273
```
#3fe273 rgb(63,226,115)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#e23fae
```
#e23fae rgb(226,63,174)
```
#e2733f
```
#e2733f rgb(226,115,63)
```

Tetradic Color

#1c87b9
```
#1c87b9 rgb(28,135,185)
```
#1f97cf
```
#1f97cf rgb(31,151,207)
```
#29a5df
```
#29a5df rgb(41,165,223)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#55b7e5
```
#55b7e5 rgb(85,183,229)
```
#6bc1e9
```
#6bc1e9 rgb(107,193,233)
```
#81caec
```
#81caec rgb(129,202,236)
```

Monochromatic Color

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

#3fd7e2
```
#3fd7e2 rgb(63,215,226)
```
#3fc9e2
```
#3fc9e2 rgb(63,201,226)
```
#3fbce2
```
#3fbce2 rgb(63,188,226)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#3fa0e2
```
#3fa0e2 rgb(63,160,226)
```
#3f93e2
```
#3f93e2 rgb(63,147,226)
```
#3f85e2
```
#3f85e2 rgb(63,133,226)
```

Similar Colors

Text with hexadecimal color #3faee2

This text has a font color of #3faee2.

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

#3faee2 background color

This paragraph has a background color of #3faee2.

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

#3faee2 border color

This element has a border color of #3faee2.

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

CSS codes

.text {color:#3faee2;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#04161e
```
#04161e rgb(4,22,30)
```
#07222f
```
#07222f rgb(7,34,47)
```
#0a2e40
```
#0a2e40 rgb(10,46,64)
```
#0c3b51
```
#0c3b51 rgb(12,59,81)
```
#0f4762
```
#0f4762 rgb(15,71,98)
```
#115473
```
#115473 rgb(17,84,115)
```
#146084
```
#146084 rgb(20,96,132)
```
#166d95
```
#166d95 rgb(22,109,149)
```
#1979a6
```
#1979a6 rgb(25,121,166)
```
#1c85b7
```
#1c85b7 rgb(28,133,183)
```
#1e92c8
```
#1e92c8 rgb(30,146,200)
```
#219ed9
```
#219ed9 rgb(33,158,217)
```

Shade Color Variation

#2ea7df
```
#2ea7df rgb(46,167,223)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#50b5e5
```
#50b5e5 rgb(80,181,229)
```
#61bce7
```
#61bce7 rgb(97,188,231)
```
#72c4ea
```
#72c4ea rgb(114,196,234)
```
#83cbec
```
#83cbec rgb(131,203,236)
```
#94d2ef
```
#94d2ef rgb(148,210,239)
```
#a5d9f1
```
#a5d9f1 rgb(165,217,241)
```
#b6e0f4
```
#b6e0f4 rgb(182,224,244)
```
#c7e8f7
```
#c7e8f7 rgb(199,232,247)
```
#d8eff9
```
#d8eff9 rgb(216,239,249)
```
#e9f6fc
```
#e9f6fc rgb(233,246,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#8c9296
```
#8c9296 rgb(140,146,150)
```
#83959e
```
#83959e rgb(131,149,158)
```
#7b98a7
```
#7b98a7 rgb(123,152,167)
```
#729caf
```
#729caf rgb(114,156,175)
```
#6a9fb8
```
#6a9fb8 rgb(106,159,184)
```
#61a2c0
```
#61a2c0 rgb(97,162,192)
```
#59a5c9
```
#59a5c9 rgb(89,165,201)
```
#50a8d1
```
#50a8d1 rgb(80,168,209)
```
#48abda
```
#48abda rgb(72,171,218)
```
#3faee2
```
#3faee2 rgb(63,174,226)
```
#37b1eb
```
#37b1eb rgb(55,177,235)
```
#2eb4f3
```
#2eb4f3 rgb(46,180,243)
```
#26b7fc
```
#26b7fc rgb(38,183,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8298a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a6db Protanopia 1% of men
#8ea6e8 Deuteranopia 1% of men
#27b7c5 Tritanopia 0.001% of the population

Trichromacy

#77a9dd Protanomaly 1% of men, 0.01% of women
#71a9e5 Deuteranomaly 6% of men, 0.4% of women
#2fb4cf Tritanomaly 0.01% of the population

#3faee2 hex color

#3faee2 Color Information

#3faee2 Color Conversion

Color Schemes with #3faee2

Alternatives to #3faee2

#3faee2 Preview

Shades and Tints of #3faee2

Tones of #3faee2

Color Blindness Simulator