#2fb1ca hex color

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

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

● #2fb1ca color description : Strong cyan.

The hexadecimal color #2fb1ca has RGB values of R:47, G:177, B:202 and CMYK values of C:0.77, M:0.12, Y:0, K:0.21. Its decimal value is 3125706.

Hex triplet	2fb1ca	`#2fb1ca`
RGB Decimal	47, 177, 202	`rgb(47,177,202)`
RGB Percent	18.4, 69.4, 79.2	`rgb(18.4%,69.4%,79.2%)`
CMYK	77, 12, 0, 21
HSL	189.7°, 62.2, 48.8	`hsl(189.7,62.2%,48.8%)`
HSV (or HSB)	189.7°, 76.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.756, -25.799, -22.578
XYZ	27.552, 36.31, 61.43
xyY	0.22, 0.29, 36.31
CIE-LCH	66.756, 34.284, 221.19
CIE-LUV	66.756, -45.264, -31.55
Hunter-Lab	60.258, -23.835, -18.263
Binary	00101111, 10110001, 11001010

#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#ca482f
```
#ca482f rgb(202,72,47)
```

Complementary Color

#2fca96
```
#2fca96 rgb(47,202,150)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#2f64ca
```
#2f64ca rgb(47,100,202)
```

Analogous Color

#ca962f
```
#ca962f rgb(202,150,47)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#ca2f64
```
#ca2f64 rgb(202,47,100)
```

Split Complementary Color

#b1ca2f
```
#b1ca2f rgb(177,202,47)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#ca2fb1
```
#ca2fb1 rgb(202,47,177)
```

Triadic Color

#2fca48
```
#2fca48 rgb(47,202,72)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#ca2fb1
```
#ca2fb1 rgb(202,47,177)
```
#ca482f
```
#ca482f rgb(202,72,47)
```

Tetradic Color

#217b8c
```
#217b8c rgb(33,123,140)
```
#258da1
```
#258da1 rgb(37,141,161)
```
#2a9fb5
```
#2a9fb5 rgb(42,159,181)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#40bbd3
```
#40bbd3 rgb(64,187,211)
```
#55c2d7
```
#55c2d7 rgb(85,194,215)
```
#69cadc
```
#69cadc rgb(105,202,220)
```

Monochromatic Color

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

#2fcabc
```
#2fcabc rgb(47,202,188)
```
#2fcac9
```
#2fcac9 rgb(47,202,201)
```
#2fbeca
```
#2fbeca rgb(47,190,202)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#2fa4ca
```
#2fa4ca rgb(47,164,202)
```
#2f97ca
```
#2f97ca rgb(47,151,202)
```
#2f8aca
```
#2f8aca rgb(47,138,202)
```

Similar Colors

Text with hexadecimal color #2fb1ca

This text has a font color of #2fb1ca.

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

#2fb1ca background color

This paragraph has a background color of #2fb1ca.

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

#2fb1ca border color

This element has a border color of #2fb1ca.

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

CSS codes

.text {color:#2fb1ca;}

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

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

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

#030a0b
```
#030a0b rgb(3,10,11)
```
#06181b
```
#06181b rgb(6,24,27)
```
#0a262b
```
#0a262b rgb(10,38,43)
```
#0e343b
```
#0e343b rgb(14,52,59)
```
#11414b
```
#11414b rgb(17,65,75)
```
#154f5b
```
#154f5b rgb(21,79,91)
```
#195d6b
```
#195d6b rgb(25,93,107)
```
#1c6b7a
```
#1c6b7a rgb(28,107,122)
```
#20798a
```
#20798a rgb(32,121,138)
```
#24879a
```
#24879a rgb(36,135,154)
```
#2895aa
```
#2895aa rgb(40,149,170)
```
#2ba3ba
```
#2ba3ba rgb(43,163,186)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```

Shade Color Variation

#3bb9d1
```
#3bb9d1 rgb(59,185,209)
```
#4bbfd5
```
#4bbfd5 rgb(75,191,213)
```
#5bc5d9
```
#5bc5d9 rgb(91,197,217)
```
#6bcadd
```
#6bcadd rgb(107,202,221)
```
#7bd0e0
```
#7bd0e0 rgb(123,208,224)
```
#8bd6e4
```
#8bd6e4 rgb(139,214,228)
```
#9bdbe8
```
#9bdbe8 rgb(155,219,232)
```
#abe1eb
```
#abe1eb rgb(171,225,235)
```
#bae7ef
```
#bae7ef rgb(186,231,239)
```
#caecf3
```
#caecf3 rgb(202,236,243)
```
#daf2f6
```
#daf2f6 rgb(218,242,246)
```
#eaf8fa
```
#eaf8fa rgb(234,248,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 #09cbf0 is the most saturated one.

#7c7d7d
```
#7c7d7d rgb(124,125,125)
```
#728487
```
#728487 rgb(114,132,135)
```
#688a91
```
#688a91 rgb(104,138,145)
```
#5f919a
```
#5f919a rgb(95,145,154)
```
#5597a4
```
#5597a4 rgb(85,151,164)
```
#4c9ead
```
#4c9ead rgb(76,158,173)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#39abc0
```
#39abc0 rgb(57,171,192)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#25b7d4
```
#25b7d4 rgb(37,183,212)
```
#1cbedd
```
#1cbedd rgb(28,190,221)
```
#12c4e7
```
#12c4e7 rgb(18,196,231)
```
#09cbf0
```
#09cbf0 rgb(9,203,240)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a5c3 Protanopia 1% of men
#9da4d3 Deuteranopia 1% of men
#2fb6c3 Tritanopia 0.001% of the population

Trichromacy

#77a9c5 Protanomaly 1% of men, 0.01% of women
#75a9cf Deuteranomaly 6% of men, 0.4% of women
#2fb4c6 Tritanomaly 0.01% of the population

#2fb1ca hex color

#2fb1ca Color Information

#2fb1ca Color Conversion

Color Schemes with #2fb1ca

Alternatives to #2fb1ca

#2fb1ca Preview

Shades and Tints of #2fb1ca

Tones of #2fb1ca

Color Blindness Simulator