#2fa8cd hex color

In a RGB color space, hex #2fa8cd is composed of 18.4% red, 65.9% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 18% magenta, 0% yellow and 19.6% black. It has a hue angle of 194.1 degrees, a saturation of 62.7% and a lightness of 49.4%. #2fa8cd color hex could be obtained by blending #5effff with #00519b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 66
- B 80
RGB color chart
- C 77
- M 18
- Y 0
- K 20
CMYK color chart

● #2fa8cd color description : Strong cyan.

The hexadecimal color #2fa8cd has RGB values of R:47, G:168, B:205 and CMYK values of C:0.77, M:0.18, Y:0, K:0.2. Its decimal value is 3123405.

Hex triplet	2fa8cd	`#2fa8cd`
RGB Decimal	47, 168, 205	`rgb(47,168,205)`
RGB Percent	18.4, 65.9, 80.4	`rgb(18.4%,65.9%,80.4%)`
CMYK	77, 18, 0, 20
HSL	194.1°, 62.7, 49.4	`hsl(194.1,62.7%,49.4%)`
HSV (or HSB)	194.1°, 77.1, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.173, -20.204, -28.204
XYZ	26.191, 33.015, 62.746
xyY	0.215, 0.271, 33.015
CIE-LCH	64.173, 34.694, 234.384
CIE-LUV	64.173, -41.889, -41.406
Hunter-Lab	57.459, -19.187, -24.525
Binary	00101111, 10101000, 11001101

#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#cd542f
```
#cd542f rgb(205,84,47)
```

Complementary Color

#2fcda3
```
#2fcda3 rgb(47,205,163)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#2f59cd
```
#2f59cd rgb(47,89,205)
```

Analogous Color

#cda32f
```
#cda32f rgb(205,163,47)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#cd2f59
```
#cd2f59 rgb(205,47,89)
```

Split Complementary Color

#a8cd2f
```
#a8cd2f rgb(168,205,47)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#cd2fa8
```
#cd2fa8 rgb(205,47,168)
```

Triadic Color

#2fcd54
```
#2fcd54 rgb(47,205,84)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#cd2fa8
```
#cd2fa8 rgb(205,47,168)
```
#cd542f
```
#cd542f rgb(205,84,47)
```

Tetradic Color

#21758f
```
#21758f rgb(33,117,143)
```
#2586a4
```
#2586a4 rgb(37,134,164)
```
#2a97b8
```
#2a97b8 rgb(42,151,184)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#42b2d4
```
#42b2d4 rgb(66,178,212)
```
#57bad8
```
#57bad8 rgb(87,186,216)
```
#6bc3dd
```
#6bc3dd rgb(107,195,221)
```

Monochromatic Color

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

#2fcdcb
```
#2fcdcb rgb(47,205,203)
```
#2fc2cd
```
#2fc2cd rgb(47,194,205)
```
#2fb5cd
```
#2fb5cd rgb(47,181,205)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#2f9bcd
```
#2f9bcd rgb(47,155,205)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#2f81cd
```
#2f81cd rgb(47,129,205)
```

Similar Colors

Text with hexadecimal color #2fa8cd

This text has a font color of #2fa8cd.

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

#2fa8cd background color

This paragraph has a background color of #2fa8cd.

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

#2fa8cd border color

This element has a border color of #2fa8cd.

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

CSS codes

.text {color:#2fa8cd;}

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

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

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, #030b0e is the darkest color, while #fdfefe is the lightest one.

#030b0e
```
#030b0e rgb(3,11,14)
```
#07181d
```
#07181d rgb(7,24,29)
```
#0a252d
```
#0a252d rgb(10,37,45)
```
#0e323d
```
#0e323d rgb(14,50,61)
```
#123f4d
```
#123f4d rgb(18,63,77)
```
#154c5d
```
#154c5d rgb(21,76,93)
```
#195a6d
```
#195a6d rgb(25,90,109)
```
#1d677d
```
#1d677d rgb(29,103,125)
```
#20748d
```
#20748d rgb(32,116,141)
```
#24819d
```
#24819d rgb(36,129,157)
```
#288ead
```
#288ead rgb(40,142,173)
```
#2b9bbd
```
#2b9bbd rgb(43,155,189)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```

Shade Color Variation

#3db0d3
```
#3db0d3 rgb(61,176,211)
```
#4db6d6
```
#4db6d6 rgb(77,182,214)
```
#5dbdda
```
#5dbdda rgb(93,189,218)
```
#6dc3de
```
#6dc3de rgb(109,195,222)
```
#7dcae1
```
#7dcae1 rgb(125,202,225)
```
#8dd0e5
```
#8dd0e5 rgb(141,208,229)
```
#9dd7e8
```
#9dd7e8 rgb(157,215,232)
```
#adddec
```
#adddec rgb(173,221,236)
```
#bde4f0
```
#bde4f0 rgb(189,228,240)
```
#cdeaf3
```
#cdeaf3 rgb(205,234,243)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#edf7fb
```
#edf7fb rgb(237,247,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7f7f is the less saturated color, while #08bdf4 is the most saturated one.

#7d7f7f
```
#7d7f7f rgb(125,127,127)
```
#738489
```
#738489 rgb(115,132,137)
```
#698993
```
#698993 rgb(105,137,147)
```
#5f8e9d
```
#5f8e9d rgb(95,142,157)
```
#5693a6
```
#5693a6 rgb(86,147,166)
```
#4c99b0
```
#4c99b0 rgb(76,153,176)
```
#429eba
```
#429eba rgb(66,158,186)
```
#39a3c3
```
#39a3c3 rgb(57,163,195)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#25add7
```
#25add7 rgb(37,173,215)
```
#1cb2e0
```
#1cb2e0 rgb(28,178,224)
```
#12b7ea
```
#12b7ea rgb(18,183,234)
```
#08bdf4
```
#08bdf4 rgb(8,189,244)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#768e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969fc6 Protanopia 1% of men
#8f9ed5 Deuteranopia 1% of men
#1fafbc Tritanopia 0.001% of the population

Trichromacy

#70a2c9 Protanomaly 1% of men, 0.01% of women
#6ca2d2 Deuteranomaly 6% of men, 0.4% of women
#25adc2 Tritanomaly 0.01% of the population

#2fa8cd hex color

#2fa8cd Color Information

#2fa8cd Color Conversion

Color Schemes with #2fa8cd

Alternatives to #2fa8cd

#2fa8cd Preview

Shades and Tints of #2fa8cd

Tones of #2fa8cd

Color Blindness Simulator