#3faaf9 hex color

In a RGB color space, hex #3faaf9 is composed of 24.7% red, 66.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 31.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 205.5 degrees, a saturation of 93.9% and a lightness of 61.2%. #3faaf9 color hex could be obtained by blending #7effff with #0055f3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 67
- B 98
RGB color chart
- C 75
- M 32
- Y 0
- K 2
CMYK color chart

● #3faaf9 color description : Bright blue.

The hexadecimal color #3faaf9 has RGB values of R:63, G:170, B:249 and CMYK values of C:0.75, M:0.32, Y:0, K:0.02. Its decimal value is 4172537.

Hex triplet	3faaf9	`#3faaf9`
RGB Decimal	63, 170, 249	`rgb(63,170,249)`
RGB Percent	24.7, 66.7, 97.6	`rgb(24.7%,66.7%,97.6%)`
CMYK	75, 32, 0, 2
HSL	205.5°, 93.9, 61.2	`hsl(205.5,93.9%,61.2%)`
HSV (or HSB)	205.5°, 74.7, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.008, -4.539, -47.941
XYZ	33.519, 36.643, 94.924
xyY	0.203, 0.222, 36.643
CIE-LCH	67.008, 48.156, 264.592
CIE-LUV	67.008, -37.772, -76.979
Hunter-Lab	60.533, -7.092, -50.6
Binary	00111111, 10101010, 11111001

#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#f98e3f
```
#f98e3f rgb(249,142,63)
```

Complementary Color

#3ff9eb
```
#3ff9eb rgb(63,249,235)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#3f4df9
```
#3f4df9 rgb(63,77,249)
```

Analogous Color

#f9eb3f
```
#f9eb3f rgb(249,235,63)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#f93f4d
```
#f93f4d rgb(249,63,77)
```

Split Complementary Color

#aaf93f
```
#aaf93f rgb(170,249,63)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#f93faa
```
#f93faa rgb(249,63,170)
```

Triadic Color

#3ff98e
```
#3ff98e rgb(63,249,142)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#f93faa
```
#f93faa rgb(249,63,170)
```
#f98e3f
```
#f98e3f rgb(249,142,63)
```

Tetradic Color

#0786e4
```
#0786e4 rgb(7,134,228)
```
#0e94f7
```
#0e94f7 rgb(14,148,247)
```
#269ff8
```
#269ff8 rgb(38,159,248)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#58b5fa
```
#58b5fa rgb(88,181,250)
```
#70c0fb
```
#70c0fb rgb(112,192,251)
```
#89cbfb
```
#89cbfb rgb(137,203,251)
```

Monochromatic Color

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

#3fd9f9
```
#3fd9f9 rgb(63,217,249)
```
#3fc9f9
```
#3fc9f9 rgb(63,201,249)
```
#3fbaf9
```
#3fbaf9 rgb(63,186,249)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#3f9bf9
```
#3f9bf9 rgb(63,155,249)
```
#3f8bf9
```
#3f8bf9 rgb(63,139,249)
```
#3f7cf9
```
#3f7cf9 rgb(63,124,249)
```

Similar Colors

Text with hexadecimal color #3faaf9

This text has a font color of #3faaf9.

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

#3faaf9 background color

This paragraph has a background color of #3faaf9.

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

#3faaf9 border color

This element has a border color of #3faaf9.

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

CSS codes

.text {color:#3faaf9;}

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

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

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, #010a11 is the darkest color, while #fdfeff is the lightest one.

#010a11
```
#010a11 rgb(1,10,17)
```
#011524
```
#011524 rgb(1,21,36)
```
#022137
```
#022137 rgb(2,33,55)
```
#022c4a
```
#022c4a rgb(2,44,74)
```
#03375d
```
#03375d rgb(3,55,93)
```
#044270
```
#044270 rgb(4,66,112)
```
#044d83
```
#044d83 rgb(4,77,131)
```
#055996
```
#055996 rgb(5,89,150)
```
#0564a9
```
#0564a9 rgb(5,100,169)
```
#066fbc
```
#066fbc rgb(6,111,188)
```
#067acf
```
#067acf rgb(6,122,207)
```
#0785e2
```
#0785e2 rgb(7,133,226)
```
#0890f5
```
#0890f5 rgb(8,144,245)
```

Shade Color Variation

#1999f8
```
#1999f8 rgb(25,153,248)
```
#2ca2f8
```
#2ca2f8 rgb(44,162,248)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```
#52b2fa
```
#52b2fa rgb(82,178,250)
```
#65bbfa
```
#65bbfa rgb(101,187,250)
```
#78c3fb
```
#78c3fb rgb(120,195,251)
```
#8bccfb
```
#8bccfb rgb(139,204,251)
```
#9ed4fc
```
#9ed4fc rgb(158,212,252)
```
#b1ddfd
```
#b1ddfd rgb(177,221,253)
```
#c4e5fd
```
#c4e5fd rgb(196,229,253)
```
#d7edfe
```
#d7edfe rgb(215,237,254)
```
#eaf6fe
```
#eaf6fe rgb(234,246,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9c9e is the less saturated color, while #3faaf9 is the most saturated one.

#9a9c9e
```
#9a9c9e rgb(154,156,158)
```
#939da5
```
#939da5 rgb(147,157,165)
```
#8b9fad
```
#8b9fad rgb(139,159,173)
```
#84a0b4
```
#84a0b4 rgb(132,160,180)
```
#7ca1bc
```
#7ca1bc rgb(124,161,188)
```
#74a2c4
```
#74a2c4 rgb(116,162,196)
```
#6da3cb
```
#6da3cb rgb(109,163,203)
```
#65a4d3
```
#65a4d3 rgb(101,164,211)
```
#5da5db
```
#5da5db rgb(93,165,219)
```
#56a7e2
```
#56a7e2 rgb(86,167,226)
```
#4ea8ea
```
#4ea8ea rgb(78,168,234)
```
#47a9f1
```
#47a9f1 rgb(71,169,241)
```
#3faaf9
```
#3faaf9 rgb(63,170,249)
```

Tone Color Variation

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

Dichromacy

#8ba5f2 Protanopia 1% of men
#76a7fc Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#6fa7f4 Protanomaly 1% of men, 0.01% of women
#62a8fa Deuteranomaly 6% of men, 0.4% of women
#16b3d8 Tritanomaly 0.01% of the population

#3faaf9 hex color

#3faaf9 Color Information

#3faaf9 Color Conversion

Color Schemes with #3faaf9

Alternatives to #3faaf9

#3faaf9 Preview

Shades and Tints of #3faaf9

Tones of #3faaf9

Color Blindness Simulator