#2fa2cb hex color

In a RGB color space, hex #2fa2cb is composed of 18.4% red, 63.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 20.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 195.8 degrees, a saturation of 62.4% and a lightness of 49%. #2fa2cb color hex could be obtained by blending #5effff with #004597. Closest websafe color is: #3399cc.

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

● #2fa2cb color description : Strong blue.

The hexadecimal color #2fa2cb has RGB values of R:47, G:162, B:203 and CMYK values of C:0.77, M:0.2, Y:0, K:0.2. Its decimal value is 3121867.

Hex triplet	2fa2cb	`#2fa2cb`
RGB Decimal	47, 162, 203	`rgb(47,162,203)`
RGB Percent	18.4, 63.5, 79.6	`rgb(18.4%,63.5%,79.6%)`
CMYK	77, 20, 0, 20
HSL	195.8°, 62.4, 49	`hsl(195.8,62.4%,49%)`
HSV (or HSB)	195.8°, 76.8, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.3, -17.7, -29.985
XYZ	24.869, 30.755, 61.122
xyY	0.213, 0.263, 30.755
CIE-LCH	62.3, 34.819, 239.447
CIE-LUV	62.3, -39.902, -44.496
Hunter-Lab	55.457, -17.002, -26.527
Binary	00101111, 10100010, 11001011

#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#cb582f
```
#cb582f rgb(203,88,47)
```

Complementary Color

#2fcba6
```
#2fcba6 rgb(47,203,166)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#2f54cb
```
#2f54cb rgb(47,84,203)
```

Analogous Color

#cba62f
```
#cba62f rgb(203,166,47)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#cb2f54
```
#cb2f54 rgb(203,47,84)
```

Split Complementary Color

#a2cb2f
```
#a2cb2f rgb(162,203,47)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#cb2fa2
```
#cb2fa2 rgb(203,47,162)
```

Triadic Color

#2fcb58
```
#2fcb58 rgb(47,203,88)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#cb2fa2
```
#cb2fa2 rgb(203,47,162)
```
#cb582f
```
#cb582f rgb(203,88,47)
```

Tetradic Color

#21708d
```
#21708d rgb(33,112,141)
```
#2581a2
```
#2581a2 rgb(37,129,162)
```
#2a91b6
```
#2a91b6 rgb(42,145,182)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#41acd3
```
#41acd3 rgb(65,172,211)
```
#55b5d8
```
#55b5d8 rgb(85,181,216)
```
#6abedd
```
#6abedd rgb(106,190,221)
```

Monochromatic Color

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

#2fc9cb
```
#2fc9cb rgb(47,201,203)
```
#2fbccb
```
#2fbccb rgb(47,188,203)
```
#2fafcb
```
#2fafcb rgb(47,175,203)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#2f95cb
```
#2f95cb rgb(47,149,203)
```
#2f88cb
```
#2f88cb rgb(47,136,203)
```
#2f7bcb
```
#2f7bcb rgb(47,123,203)
```

Similar Colors

Text with hexadecimal color #2fa2cb

This text has a font color of #2fa2cb.

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

#2fa2cb background color

This paragraph has a background color of #2fa2cb.

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

#2fa2cb border color

This element has a border color of #2fa2cb.

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

CSS codes

.text {color:#2fa2cb;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#06161c
```
#06161c rgb(6,22,28)
```
#0a232c
```
#0a232c rgb(10,35,44)
```
#0e303c
```
#0e303c rgb(14,48,60)
```
#113c4c
```
#113c4c rgb(17,60,76)
```
#15495c
```
#15495c rgb(21,73,92)
```
#19566b
```
#19566b rgb(25,86,107)
```
#1d627b
```
#1d627b rgb(29,98,123)
```
#206f8b
```
#206f8b rgb(32,111,139)
```
#247c9b
```
#247c9b rgb(36,124,155)
```
#2889ab
```
#2889ab rgb(40,137,171)
```
#2b95bb
```
#2b95bb rgb(43,149,187)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```

Shade Color Variation

#3caad2
```
#3caad2 rgb(60,170,210)
```
#4cb1d5
```
#4cb1d5 rgb(76,177,213)
```
#5cb8d9
```
#5cb8d9 rgb(92,184,217)
```
#6cbfdd
```
#6cbfdd rgb(108,191,221)
```
#7cc6e1
```
#7cc6e1 rgb(124,198,225)
```
#8bcde4
```
#8bcde4 rgb(139,205,228)
```
#9bd4e8
```
#9bd4e8 rgb(155,212,232)
```
#abdbec
```
#abdbec rgb(171,219,236)
```
#bbe2ef
```
#bbe2ef rgb(187,226,239)
```
#cbe9f3
```
#cbe9f3 rgb(203,233,243)
```
#dbeff7
```
#dbeff7 rgb(219,239,247)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7c7e7e
```
#7c7e7e rgb(124,126,126)
```
#728288
```
#728288 rgb(114,130,136)
```
#698791
```
#698791 rgb(105,135,145)
```
#5f8b9b
```
#5f8b9b rgb(95,139,155)
```
#5590a5
```
#5590a5 rgb(85,144,165)
```
#4c94ae
```
#4c94ae rgb(76,148,174)
```
#4299b8
```
#4299b8 rgb(66,153,184)
```
#399dc1
```
#399dc1 rgb(57,157,193)
```
#2fa2cb
```
#2fa2cb rgb(47,162,203)
```
#25a7d5
```
#25a7d5 rgb(37,167,213)
```
#1cabde
```
#1cabde rgb(28,171,222)
```
#12b0e8
```
#12b0e8 rgb(18,176,232)
```
#09b4f1
```
#09b4f1 rgb(9,180,241)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ac5 Protanopia 1% of men
#889ad2 Deuteranopia 1% of men
#17aab7 Tritanopia 0.001% of the population

Trichromacy

#6c9dc7 Protanomaly 1% of men, 0.01% of women
#679dcf Deuteranomaly 6% of men, 0.4% of women
#20a7be Tritanomaly 0.01% of the population

#2fa2cb hex color

#2fa2cb Color Information

#2fa2cb Color Conversion

Color Schemes with #2fa2cb

Alternatives to #2fa2cb

#2fa2cb Preview

Shades and Tints of #2fa2cb

Tones of #2fa2cb

Color Blindness Simulator