#2fafec hex color

In a RGB color space, hex #2fafec is composed of 18.4% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 199.4 degrees, a saturation of 83.3% and a lightness of 55.5%. #2fafec color hex could be obtained by blending #5effff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 69
- B 93
RGB color chart
- C 80
- M 26
- Y 0
- K 7
CMYK color chart

● #2fafec color description : Bright blue.

The hexadecimal color #2fafec has RGB values of R:47, G:175, B:236 and CMYK values of C:0.8, M:0.26, Y:0, K:0.07. Its decimal value is 3125228.

Hex triplet	2fafec	`#2fafec`
RGB Decimal	47, 175, 236	`rgb(47,175,236)`
RGB Percent	18.4, 68.6, 92.5	`rgb(18.4%,68.6%,92.5%)`
CMYK	80, 26, 0, 7
HSL	199.4°, 83.3, 55.5	`hsl(199.4,83.3%,55.5%)`
HSV (or HSB)	199.4°, 80.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.515, -13.455, -40.083
XYZ	31.639, 37.318, 84.888
xyY	0.206, 0.243, 37.318
CIE-LCH	67.515, 42.281, 251.444
CIE-LUV	67.515, -42.357, -62.642
Hunter-Lab	61.088, -14.456, -39.627
Binary	00101111, 10101111, 11101100

#2fafec
```
#2fafec rgb(47,175,236)
```
#ec6c2f
```
#ec6c2f rgb(236,108,47)
```

Complementary Color

#2feccb
```
#2feccb rgb(47,236,203)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#2f50ec
```
#2f50ec rgb(47,80,236)
```

Analogous Color

#eccb2f
```
#eccb2f rgb(236,203,47)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#ec2f51
```
#ec2f51 rgb(236,47,81)
```

Split Complementary Color

#afec2f
```
#afec2f rgb(175,236,47)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#ec2faf
```
#ec2faf rgb(236,47,175)
```

Triadic Color

#2fec6c
```
#2fec6c rgb(47,236,108)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#ec2faf
```
#ec2faf rgb(236,47,175)
```
#ec6c2f
```
#ec6c2f rgb(236,108,47)
```

Tetradic Color

#1186bd
```
#1186bd rgb(17,134,189)
```
#1396d5
```
#1396d5 rgb(19,150,213)
```
#18a6ea
```
#18a6ea rgb(24,166,234)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#46b8ee
```
#46b8ee rgb(70,184,238)
```
#5ec1f0
```
#5ec1f0 rgb(94,193,240)
```
#75caf2
```
#75caf2 rgb(117,202,242)
```

Monochromatic Color

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

#2fdeec
```
#2fdeec rgb(47,222,236)
```
#2fcfec
```
#2fcfec rgb(47,207,236)
```
#2fbfec
```
#2fbfec rgb(47,191,236)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#2f9fec
```
#2f9fec rgb(47,159,236)
```
#2f90ec
```
#2f90ec rgb(47,144,236)
```
#2f80ec
```
#2f80ec rgb(47,128,236)
```

Similar Colors

Text with hexadecimal color #2fafec

This text has a font color of #2fafec.

<span style="color:#2fafec;">Text here</span>

#2fafec background color

This paragraph has a background color of #2fafec.

<p style="background-color:#2fafec;">Content here</p>

#2fafec border color

This element has a border color of #2fafec.

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

CSS codes

.text {color:#2fafec;}

.background {background-color:#2fafec;}

.border {border:1px solid #2fafec;}

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

#010508
```
#010508 rgb(1,5,8)
```
#02121a
```
#02121a rgb(2,18,26)
```
#041f2c
```
#041f2c rgb(4,31,44)
```
#062c3e
```
#062c3e rgb(6,44,62)
```
#073850
```
#073850 rgb(7,56,80)
```
#094562
```
#094562 rgb(9,69,98)
```
#0b5274
```
#0b5274 rgb(11,82,116)
```
#0c5e85
```
#0c5e85 rgb(12,94,133)
```
#0e6b97
```
#0e6b97 rgb(14,107,151)
```
#0f78a9
```
#0f78a9 rgb(15,120,169)
```
#1184bb
```
#1184bb rgb(17,132,187)
```
#1391cd
```
#1391cd rgb(19,145,205)
```
#149edf
```
#149edf rgb(20,158,223)
```

Shade Color Variation

#1da8ea
```
#1da8ea rgb(29,168,234)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#41b6ee
```
#41b6ee rgb(65,182,238)
```
#53bdef
```
#53bdef rgb(83,189,239)
```
#65c4f1
```
#65c4f1 rgb(101,196,241)
```
#77cbf3
```
#77cbf3 rgb(119,203,243)
```
#89d2f4
```
#89d2f4 rgb(137,210,244)
```
#9bd8f6
```
#9bd8f6 rgb(155,216,246)
```
#addff7
```
#addff7 rgb(173,223,247)
```
#bfe6f9
```
#bfe6f9 rgb(191,230,249)
```
#d1edfb
```
#d1edfb rgb(209,237,251)
```
#e3f4fc
```
#e3f4fc rgb(227,244,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

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

#869095
```
#869095 rgb(134,144,149)
```
#7e939d
```
#7e939d rgb(126,147,157)
```
#7596a6
```
#7596a6 rgb(117,150,166)
```
#6c99af
```
#6c99af rgb(108,153,175)
```
#639cb8
```
#639cb8 rgb(99,156,184)
```
#5ba0c0
```
#5ba0c0 rgb(91,160,192)
```
#52a3c9
```
#52a3c9 rgb(82,163,201)
```
#49a6d2
```
#49a6d2 rgb(73,166,210)
```
#40a9db
```
#40a9db rgb(64,169,219)
```
#38ace3
```
#38ace3 rgb(56,172,227)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#26b2f5
```
#26b2f5 rgb(38,178,245)
```
#1eb5fd
```
#1eb5fd rgb(30,181,253)
```

Tone Color Variation

Below, you can see how #2fafec 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

#909090 Achromatopsia 0.005% of the population
#7d96a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e4 Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#70a9e7 Protanomaly 1% of men, 0.01% of women
#66aaef Deuteranomaly 6% of men, 0.4% of women
#11b5d4 Tritanomaly 0.01% of the population

#2fafec hex color

#2fafec Color Information

#2fafec Color Conversion

Color Schemes with #2fafec

Alternatives to #2fafec

#2fafec Preview

Shades and Tints of #2fafec

Tones of #2fafec

Color Blindness Simulator