#2fa0dc hex color

In a RGB color space, hex #2fa0dc is composed of 18.4% red, 62.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 27.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.8 degrees, a saturation of 71.2% and a lightness of 52.4%. #2fa0dc color hex could be obtained by blending #5effff with #0041b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 63
- B 86
RGB color chart
- C 79
- M 27
- Y 0
- K 14
CMYK color chart

● #2fa0dc color description : Bright blue.

The hexadecimal color #2fa0dc has RGB values of R:47, G:160, B:220 and CMYK values of C:0.79, M:0.27, Y:0, K:0.14. Its decimal value is 3121372.

Hex triplet	2fa0dc	`#2fa0dc`
RGB Decimal	47, 160, 220	`rgb(47,160,220)`
RGB Percent	18.4, 62.7, 86.3	`rgb(18.4%,62.7%,86.3%)`
CMYK	79, 27, 0, 14
HSL	200.8°, 71.2, 52.4	`hsl(200.8,71.2%,52.4%)`
HSV (or HSB)	200.8°, 78.6, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.432, -10.78, -39.23
XYZ	26.658, 30.911, 72.268
xyY	0.205, 0.238, 30.911
CIE-LCH	62.432, 40.684, 254.635
CIE-LUV	62.432, -38.181, -60.802
Hunter-Lab	55.598, -11.708, -38.149
Binary	00101111, 10100000, 11011100

#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#dc6b2f
```
#dc6b2f rgb(220,107,47)
```

Complementary Color

#2fdcc2
```
#2fdcc2 rgb(47,220,194)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#2f49dc
```
#2f49dc rgb(47,73,220)
```

Analogous Color

#dcc22f
```
#dcc22f rgb(220,194,47)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#dc2f49
```
#dc2f49 rgb(220,47,73)
```

Split Complementary Color

#a0dc2f
```
#a0dc2f rgb(160,220,47)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#dc2fa0
```
#dc2fa0 rgb(220,47,160)
```

Triadic Color

#2fdc6b
```
#2fdc6b rgb(47,220,107)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#dc2fa0
```
#dc2fa0 rgb(220,47,160)
```
#dc6b2f
```
#dc6b2f rgb(220,107,47)
```

Tetradic Color

#1b74a3
```
#1b74a3 rgb(27,116,163)
```
#1f84b9
```
#1f84b9 rgb(31,132,185)
```
#2393cf
```
#2393cf rgb(35,147,207)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#45aae0
```
#45aae0 rgb(69,170,224)
```
#5bb4e3
```
#5bb4e3 rgb(91,180,227)
```
#70bee7
```
#70bee7 rgb(112,190,231)
```

Monochromatic Color

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

#2fcbdc
```
#2fcbdc rgb(47,203,220)
```
#2fbddc
```
#2fbddc rgb(47,189,220)
```
#2faedc
```
#2faedc rgb(47,174,220)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#2f92dc
```
#2f92dc rgb(47,146,220)
```
#2f83dc
```
#2f83dc rgb(47,131,220)
```
#2f75dc
```
#2f75dc rgb(47,117,220)
```

Similar Colors

Text with hexadecimal color #2fa0dc

This text has a font color of #2fa0dc.

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

#2fa0dc background color

This paragraph has a background color of #2fa0dc.

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

#2fa0dc border color

This element has a border color of #2fa0dc.

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

CSS codes

.text {color:#2fa0dc;}

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

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

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, #02070a is the darkest color, while #f8fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#05131b
```
#05131b rgb(5,19,27)
```
#071f2c
```
#071f2c rgb(7,31,44)
```
#0a2b3d
```
#0a2b3d rgb(10,43,61)
```
#0d374d
```
#0d374d rgb(13,55,77)
```
#10435e
```
#10435e rgb(16,67,94)
```
#134f6f
```
#134f6f rgb(19,79,111)
```
#165b80
```
#165b80 rgb(22,91,128)
```
#186791
```
#186791 rgb(24,103,145)
```
#1b73a1
```
#1b73a1 rgb(27,115,161)
```
#1e7fb2
```
#1e7fb2 rgb(30,127,178)
```
#218bc3
```
#218bc3 rgb(33,139,195)
```
#2497d4
```
#2497d4 rgb(36,151,212)
```

Shade Color Variation

#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#40a8df
```
#40a8df rgb(64,168,223)
```
#51afe2
```
#51afe2 rgb(81,175,226)
```
#61b7e4
```
#61b7e4 rgb(97,183,228)
```
#72bfe7
```
#72bfe7 rgb(114,191,231)
```
#83c6ea
```
#83c6ea rgb(131,198,234)
```
#94ceed
```
#94ceed rgb(148,206,237)
```
#a5d6f0
```
#a5d6f0 rgb(165,214,240)
```
#b5ddf3
```
#b5ddf3 rgb(181,221,243)
```
#c6e5f5
```
#c6e5f5 rgb(198,229,245)
```
#d7edf8
```
#d7edf8 rgb(215,237,248)
```
#e8f4fb
```
#e8f4fb rgb(232,244,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#838688
```
#838688 rgb(131,134,136)
```
#7a8991
```
#7a8991 rgb(122,137,145)
```
#708c9b
```
#708c9b rgb(112,140,155)
```
#678fa4
```
#678fa4 rgb(103,143,164)
```
#5e92ad
```
#5e92ad rgb(94,146,173)
```
#5495b7
```
#5495b7 rgb(84,149,183)
```
#4b97c0
```
#4b97c0 rgb(75,151,192)
```
#429ac9
```
#429ac9 rgb(66,154,201)
```
#389dd3
```
#389dd3 rgb(56,157,211)
```
#2fa0dc
```
#2fa0dc rgb(47,160,220)
```
#26a3e5
```
#26a3e5 rgb(38,163,229)
```
#1ca6ef
```
#1ca6ef rgb(28,166,239)
```
#13a9f8
```
#13a9f8 rgb(19,169,248)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ad6 Protanopia 1% of men
#7a9be1 Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#679cd8 Protanomaly 1% of men, 0.01% of women
#5e9ddf Deuteranomaly 6% of men, 0.4% of women
#11a7c4 Tritanomaly 0.01% of the population

#2fa0dc hex color

#2fa0dc Color Information

#2fa0dc Color Conversion

Color Schemes with #2fa0dc

Alternatives to #2fa0dc

#2fa0dc Preview

Shades and Tints of #2fa0dc

Tones of #2fa0dc

Color Blindness Simulator