#3fafff hex color

In a RGB color space, hex #3fafff is composed of 24.7% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 205 degrees, a saturation of 100% and a lightness of 62.4%. #3fafff color hex could be obtained by blending #7effff with #005fff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 69
- B 100
RGB color chart
- C 75
- M 31
- Y 0
- K 0
CMYK color chart

● #3fafff color description : Light blue.

The hexadecimal color #3fafff has RGB values of R:63, G:175, B:255 and CMYK values of C:0.75, M:0.31, Y:0, K:0. Its decimal value is 4173823.

Hex triplet	3fafff	`#3fafff`
RGB Decimal	63, 175, 255	`rgb(63,175,255)`
RGB Percent	24.7, 68.6, 100	`rgb(24.7%,68.6%,100%)`
CMYK	75, 31, 0, 0
HSL	205°, 100, 62.4	`hsl(205,100%,62.4%)`
HSV (or HSB)	205°, 75.3, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.703, -5.271, -48.528
XYZ	35.425, 38.934, 100.25
xyY	0.203, 0.223, 38.934
CIE-LCH	68.703, 48.814, 263.8
CIE-LUV	68.703, -39.161, -78.184
Hunter-Lab	62.397, -7.852, -51.581
Binary	00111111, 10101111, 11111111

#3fafff
```
#3fafff rgb(63,175,255)
```
#ff8f3f
```
#ff8f3f rgb(255,143,63)
```

Complementary Color

#3fffef
```
#3fffef rgb(63,255,239)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#3f4fff
```
#3f4fff rgb(63,79,255)
```

Analogous Color

#ffef3f
```
#ffef3f rgb(255,239,63)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#ff3f4f
```
#ff3f4f rgb(255,63,79)
```

Split Complementary Color

#afff3f
```
#afff3f rgb(175,255,63)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#ff3faf
```
#ff3faf rgb(255,63,175)
```

Triadic Color

#3fff8f
```
#3fff8f rgb(63,255,143)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#ff3faf
```
#ff3faf rgb(255,63,175)
```
#ff8f3f
```
#ff8f3f rgb(255,143,63)
```

Tetradic Color

#008df2
```
#008df2 rgb(0,141,242)
```
#0c9aff
```
#0c9aff rgb(12,154,255)
```
#26a4ff
```
#26a4ff rgb(38,164,255)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#59baff
```
#59baff rgb(89,186,255)
```
#72c4ff
```
#72c4ff rgb(114,196,255)
```
#8ccfff
```
#8ccfff rgb(140,207,255)
```

Monochromatic Color

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

#3fdfff
```
#3fdfff rgb(63,223,255)
```
#3fcfff
```
#3fcfff rgb(63,207,255)
```
#3fbfff
```
#3fbfff rgb(63,191,255)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#3f9fff
```
#3f9fff rgb(63,159,255)
```
#3f8fff
```
#3f8fff rgb(63,143,255)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```

Similar Colors

Text with hexadecimal color #3fafff

This text has a font color of #3fafff.

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

#3fafff background color

This paragraph has a background color of #3fafff.

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

#3fafff border color

This element has a border color of #3fafff.

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

CSS codes

.text {color:#3fafff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000e18
```
#000e18 rgb(0,14,24)
```
#00192b
```
#00192b rgb(0,25,43)
```
#00253f
```
#00253f rgb(0,37,63)
```
#003053
```
#003053 rgb(0,48,83)
```
#003c66
```
#003c66 rgb(0,60,102)
```
#00477a
```
#00477a rgb(0,71,122)
```
#00538d
```
#00538d rgb(0,83,141)
```
#005ea1
```
#005ea1 rgb(0,94,161)
```
#0069b5
```
#0069b5 rgb(0,105,181)
```
#0075c8
```
#0075c8 rgb(0,117,200)
```
#0080dc
```
#0080dc rgb(0,128,220)
```
#008cf0
```
#008cf0 rgb(0,140,240)
```

Shade Color Variation

#0496ff
```
#0496ff rgb(4,150,255)
```
#189fff
```
#189fff rgb(24,159,255)
```
#2ba7ff
```
#2ba7ff rgb(43,167,255)
```
#3fafff
```
#3fafff rgb(63,175,255)
```
#53b7ff
```
#53b7ff rgb(83,183,255)
```
#66bfff
```
#66bfff rgb(102,191,255)
```
#7ac8ff
```
#7ac8ff rgb(122,200,255)
```
#8dd0ff
```
#8dd0ff rgb(141,208,255)
```
#a1d8ff
```
#a1d8ff rgb(161,216,255)
```
#b5e0ff
```
#b5e0ff rgb(181,224,255)
```
#c8e8ff
```
#c8e8ff rgb(200,232,255)
```
#dcf0ff
```
#dcf0ff rgb(220,240,255)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#98a0a6
```
#98a0a6 rgb(152,160,166)
```
#90a1ae
```
#90a1ae rgb(144,161,174)
```
#89a3b5
```
#89a3b5 rgb(137,163,181)
```
#81a4bd
```
#81a4bd rgb(129,164,189)
```
#7aa5c4
```
#7aa5c4 rgb(122,165,196)
```
#73a6cb
```
#73a6cb rgb(115,166,203)
```
#6ba8d3
```
#6ba8d3 rgb(107,168,211)
```
#64a9da
```
#64a9da rgb(100,169,218)
```
#5daae1
```
#5daae1 rgb(93,170,225)
```
#55abe9
```
#55abe9 rgb(85,171,233)
```
#4eadf0
```
#4eadf0 rgb(78,173,240)
```
#46aef8
```
#46aef8 rgb(70,174,248)
```
#3fafff
```
#3fafff rgb(63,175,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#859cac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa9f7 Protanopia 1% of men
#7dacff Deuteranopia 1% of men
#00bcca Tritanopia 0.001% of the population

Trichromacy

#72abfa Protanomaly 1% of men, 0.01% of women
#66adff Deuteranomaly 6% of men, 0.4% of women
#16b7dd Tritanomaly 0.01% of the population

#3fafff hex color

#3fafff Color Information

#3fafff Color Conversion

Color Schemes with #3fafff

Alternatives to #3fafff

#3fafff Preview

Shades and Tints of #3fafff

Tones of #3fafff

Color Blindness Simulator