#2fa5ca hex color

In a RGB color space, hex #2fa5ca is composed of 18.4% red, 64.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 18.3% magenta, 0% yellow and 20.8% black. It has a hue angle of 194.3 degrees, a saturation of 62.2% and a lightness of 48.8%. #2fa5ca color hex could be obtained by blending #5effff with #004b95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 65
- B 79
RGB color chart
- C 77
- M 18
- Y 0
- K 21
CMYK color chart

● #2fa5ca color description : Strong cyan.

The hexadecimal color #2fa5ca has RGB values of R:47, G:165, B:202 and CMYK values of C:0.77, M:0.18, Y:0, K:0.21. Its decimal value is 3122634.

Hex triplet	2fa5ca	`#2fa5ca`
RGB Decimal	47, 165, 202	`rgb(47,165,202)`
RGB Percent	18.4, 64.7, 79.2	`rgb(18.4%,64.7%,79.2%)`
CMYK	77, 18, 0, 21
HSL	194.3°, 62.2, 48.8	`hsl(194.3,62.2%,48.8%)`
HSV (or HSB)	194.3°, 76.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.158, -19.624, -28.102
XYZ	25.285, 31.777, 60.675
xyY	0.215, 0.27, 31.777
CIE-LCH	63.158, 34.276, 235.072
CIE-LUV	63.158, -41.023, -41.215
Hunter-Lab	56.371, -18.582, -24.357
Binary	00101111, 10100101, 11001010

#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#ca542f
```
#ca542f rgb(202,84,47)
```

Complementary Color

#2fcaa2
```
#2fcaa2 rgb(47,202,162)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#2f58ca
```
#2f58ca rgb(47,88,202)
```

Analogous Color

#caa22f
```
#caa22f rgb(202,162,47)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#ca2f58
```
#ca2f58 rgb(202,47,88)
```

Split Complementary Color

#a5ca2f
```
#a5ca2f rgb(165,202,47)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#ca2fa5
```
#ca2fa5 rgb(202,47,165)
```

Triadic Color

#2fca54
```
#2fca54 rgb(47,202,84)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#ca2fa5
```
#ca2fa5 rgb(202,47,165)
```
#ca542f
```
#ca542f rgb(202,84,47)
```

Tetradic Color

#21728c
```
#21728c rgb(33,114,140)
```
#2583a1
```
#2583a1 rgb(37,131,161)
```
#2a94b5
```
#2a94b5 rgb(42,148,181)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#40b0d3
```
#40b0d3 rgb(64,176,211)
```
#55b8d7
```
#55b8d7 rgb(85,184,215)
```
#69c1dc
```
#69c1dc rgb(105,193,220)
```

Monochromatic Color

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

#2fcac8
```
#2fcac8 rgb(47,202,200)
```
#2fbfca
```
#2fbfca rgb(47,191,202)
```
#2fb2ca
```
#2fb2ca rgb(47,178,202)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#2f98ca
```
#2f98ca rgb(47,152,202)
```
#2f8bca
```
#2f8bca rgb(47,139,202)
```
#2f7eca
```
#2f7eca rgb(47,126,202)
```

Similar Colors

Text with hexadecimal color #2fa5ca

This text has a font color of #2fa5ca.

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

#2fa5ca background color

This paragraph has a background color of #2fa5ca.

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

#2fa5ca border color

This element has a border color of #2fa5ca.

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

CSS codes

.text {color:#2fa5ca;}

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

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

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

#03090b
```
#03090b rgb(3,9,11)
```
#06161b
```
#06161b rgb(6,22,27)
```
#0a232b
```
#0a232b rgb(10,35,43)
```
#0e303b
```
#0e303b rgb(14,48,59)
```
#113d4b
```
#113d4b rgb(17,61,75)
```
#154a5b
```
#154a5b rgb(21,74,91)
```
#19576b
```
#19576b rgb(25,87,107)
```
#1c647a
```
#1c647a rgb(28,100,122)
```
#20718a
```
#20718a rgb(32,113,138)
```
#247e9a
```
#247e9a rgb(36,126,154)
```
#288baa
```
#288baa rgb(40,139,170)
```
#2b98ba
```
#2b98ba rgb(43,152,186)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```

Shade Color Variation

#3baed1
```
#3baed1 rgb(59,174,209)
```
#4bb4d5
```
#4bb4d5 rgb(75,180,213)
```
#5bbbd9
```
#5bbbd9 rgb(91,187,217)
```
#6bc1dd
```
#6bc1dd rgb(107,193,221)
```
#7bc8e0
```
#7bc8e0 rgb(123,200,224)
```
#8bcfe4
```
#8bcfe4 rgb(139,207,228)
```
#9bd5e8
```
#9bd5e8 rgb(155,213,232)
```
#abdceb
```
#abdceb rgb(171,220,235)
```
#bae3ef
```
#bae3ef rgb(186,227,239)
```
#cae9f3
```
#cae9f3 rgb(202,233,243)
```
#daf0f6
```
#daf0f6 rgb(218,240,246)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#7c7d7d
```
#7c7d7d rgb(124,125,125)
```
#728287
```
#728287 rgb(114,130,135)
```
#688791
```
#688791 rgb(104,135,145)
```
#5f8c9a
```
#5f8c9a rgb(95,140,154)
```
#5591a4
```
#5591a4 rgb(85,145,164)
```
#4c96ad
```
#4c96ad rgb(76,150,173)
```
#429bb7
```
#429bb7 rgb(66,155,183)
```
#39a0c0
```
#39a0c0 rgb(57,160,192)
```
#2fa5ca
```
#2fa5ca rgb(47,165,202)
```
#25aad4
```
#25aad4 rgb(37,170,212)
```
#1cafdd
```
#1cafdd rgb(28,175,221)
```
#12b4e7
```
#12b4e7 rgb(18,180,231)
```
#09b9f0
```
#09b9f0 rgb(9,185,240)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#758c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939cc4 Protanopia 1% of men
#8d9cd2 Deuteranopia 1% of men
#20adb9 Tritanopia 0.001% of the population

Trichromacy

#6f9fc6 Protanomaly 1% of men, 0.01% of women
#6a9fcf Deuteranomaly 6% of men, 0.4% of women
#25aabf Tritanomaly 0.01% of the population

#2fa5ca hex color

#2fa5ca Color Information

#2fa5ca Color Conversion

Color Schemes with #2fa5ca

Alternatives to #2fa5ca

#2fa5ca Preview

Shades and Tints of #2fa5ca

Tones of #2fa5ca

Color Blindness Simulator