#2fa9de hex color

In a RGB color space, hex #2fa9de is composed of 18.4% red, 66.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 23.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 198.2 degrees, a saturation of 72.6% and a lightness of 52.7%. #2fa9de color hex could be obtained by blending #5effff with #0053bd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 66
- B 87
RGB color chart
- C 79
- M 24
- Y 0
- K 13
CMYK color chart

● #2fa9de color description : Bright blue.

The hexadecimal color #2fa9de has RGB values of R:47, G:169, B:222 and CMYK values of C:0.79, M:0.24, Y:0, K:0.13. Its decimal value is 3123678.

Hex triplet	2fa9de	`#2fa9de`
RGB Decimal	47, 169, 222	`rgb(47,169,222)`
RGB Percent	18.4, 66.3, 87.1	`rgb(18.4%,66.3%,87.1%)`
CMYK	79, 24, 0, 13
HSL	198.2°, 72.6, 52.7	`hsl(198.2,72.6%,52.7%)`
HSV (or HSB)	198.2°, 78.8, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.162, -15.011, -36.073
XYZ	28.542, 34.252, 74.21
xyY	0.208, 0.25, 34.252
CIE-LCH	65.162, 39.072, 247.406
CIE-LUV	65.162, -41.162, -55.356
Hunter-Lab	58.525, -15.367, -34.213
Binary	00101111, 10101001, 11011110

#2fa9de
```
#2fa9de rgb(47,169,222)
```
#de642f
```
#de642f rgb(222,100,47)
```

Complementary Color

#2fdebc
```
#2fdebc rgb(47,222,188)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#2f52de
```
#2f52de rgb(47,82,222)
```

Analogous Color

#debc2f
```
#debc2f rgb(222,188,47)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#de2f51
```
#de2f51 rgb(222,47,81)
```

Split Complementary Color

#a9de2f
```
#a9de2f rgb(169,222,47)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#de2fa9
```
#de2fa9 rgb(222,47,169)
```

Triadic Color

#2fde64
```
#2fde64 rgb(47,222,100)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#de2fa9
```
#de2fa9 rgb(222,47,169)
```
#de642f
```
#de642f rgb(222,100,47)
```

Tetradic Color

#1a7ca6
```
#1a7ca6 rgb(26,124,166)
```
#1e8cbc
```
#1e8cbc rgb(30,140,188)
```
#219dd2
```
#219dd2 rgb(33,157,210)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#45b2e1
```
#45b2e1 rgb(69,178,225)
```
#5bbbe5
```
#5bbbe5 rgb(91,187,229)
```
#71c4e8
```
#71c4e8 rgb(113,196,232)
```

Monochromatic Color

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

#2fd5de
```
#2fd5de rgb(47,213,222)
```
#2fc6de
```
#2fc6de rgb(47,198,222)
```
#2fb8de
```
#2fb8de rgb(47,184,222)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#2f9ade
```
#2f9ade rgb(47,154,222)
```
#2f8cde
```
#2f8cde rgb(47,140,222)
```
#2f7dde
```
#2f7dde rgb(47,125,222)
```

Similar Colors

Text with hexadecimal color #2fa9de

This text has a font color of #2fa9de.

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

#2fa9de background color

This paragraph has a background color of #2fa9de.

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

#2fa9de border color

This element has a border color of #2fa9de.

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

CSS codes

.text {color:#2fa9de;}

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

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

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)
```
#05161d
```
#05161d rgb(5,22,29)
```
#07222e
```
#07222e rgb(7,34,46)
```
#0a2f3f
```
#0a2f3f rgb(10,47,63)
```
#0d3b50
```
#0d3b50 rgb(13,59,80)
```
#0f4861
```
#0f4861 rgb(15,72,97)
```
#125572
```
#125572 rgb(18,85,114)
```
#156183
```
#156183 rgb(21,97,131)
```
#176e94
```
#176e94 rgb(23,110,148)
```
#1a7ba4
```
#1a7ba4 rgb(26,123,164)
```
#1d87b5
```
#1d87b5 rgb(29,135,181)
```
#1f94c6
```
#1f94c6 rgb(31,148,198)
```
#22a0d7
```
#22a0d7 rgb(34,160,215)
```

Shade Color Variation

#2fa9de
```
#2fa9de rgb(47,169,222)
```
#40b0e1
```
#40b0e1 rgb(64,176,225)
```
#51b7e3
```
#51b7e3 rgb(81,183,227)
```
#62bee6
```
#62bee6 rgb(98,190,230)
```
#73c5e9
```
#73c5e9 rgb(115,197,233)
```
#84cceb
```
#84cceb rgb(132,204,235)
```
#95d3ee
```
#95d3ee rgb(149,211,238)
```
#a6daf1
```
#a6daf1 rgb(166,218,241)
```
#b6e1f3
```
#b6e1f3 rgb(182,225,243)
```
#c7e8f6
```
#c7e8f6 rgb(199,232,246)
```
#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, #82888b is the less saturated color, while #13b4fa is the most saturated one.

#82888b
```
#82888b rgb(130,136,139)
```
#798c94
```
#798c94 rgb(121,140,148)
```
#708f9d
```
#708f9d rgb(112,143,157)
```
#6793a6
```
#6793a6 rgb(103,147,166)
```
#5d97b0
```
#5d97b0 rgb(93,151,176)
```
#549ab9
```
#549ab9 rgb(84,154,185)
```
#4b9ec2
```
#4b9ec2 rgb(75,158,194)
```
#42a2cb
```
#42a2cb rgb(66,162,203)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#26ade7
```
#26ade7 rgb(38,173,231)
```
#1cb0f1
```
#1cb0f1 rgb(28,176,241)
```
#13b4fa
```
#13b4fa rgb(19,180,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#79919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a1d7 Protanopia 1% of men
#87a2e4 Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#6ea4d9 Protanomaly 1% of men, 0.01% of women
#67a4e2 Deuteranomaly 6% of men, 0.4% of women
#11afca Tritanomaly 0.01% of the population

#2fa9de hex color

#2fa9de Color Information

#2fa9de Color Conversion

Color Schemes with #2fa9de

Alternatives to #2fa9de

#2fa9de Preview

Shades and Tints of #2fa9de

Tones of #2fa9de

Color Blindness Simulator