#2f96ca hex color

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

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

● #2f96ca color description : Strong blue.

The hexadecimal color #2f96ca has RGB values of R:47, G:150, B:202 and CMYK values of C:0.77, M:0.26, Y:0, K:0.21. Its decimal value is 3118794.

Hex triplet	2f96ca	`#2f96ca`
RGB Decimal	47, 150, 202	`rgb(47,150,202)`
RGB Percent	18.4, 58.8, 79.2	`rgb(18.4%,58.8%,79.2%)`
CMYK	77, 26, 0, 21
HSL	200.1°, 62.2, 48.8	`hsl(200.1,62.2%,48.8%)`
HSV (or HSB)	200.1°, 76.7, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.676, -11.497, -35.057
XYZ	22.737, 26.679, 59.825
xyY	0.208, 0.244, 26.679
CIE-LCH	58.676, 36.894, 251.843
CIE-LUV	58.676, -35.75, -53.199
Hunter-Lab	51.652, -11.817, -32.515
Binary	00101111, 10010110, 11001010

#2f96ca
```
#2f96ca rgb(47,150,202)
```
#ca632f
```
#ca632f rgb(202,99,47)
```

Complementary Color

#2fcab1
```
#2fcab1 rgb(47,202,177)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#2f48ca
```
#2f48ca rgb(47,72,202)
```

Analogous Color

#cab12f
```
#cab12f rgb(202,177,47)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#ca2f49
```
#ca2f49 rgb(202,47,73)
```

Split Complementary Color

#96ca2f
```
#96ca2f rgb(150,202,47)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#ca2f96
```
#ca2f96 rgb(202,47,150)
```

Triadic Color

#2fca63
```
#2fca63 rgb(47,202,99)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#ca2f96
```
#ca2f96 rgb(202,47,150)
```
#ca632f
```
#ca632f rgb(202,99,47)
```

Tetradic Color

#21688c
```
#21688c rgb(33,104,140)
```
#2577a1
```
#2577a1 rgb(37,119,161)
```
#2a87b5
```
#2a87b5 rgb(42,135,181)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#40a1d3
```
#40a1d3 rgb(64,161,211)
```
#55acd7
```
#55acd7 rgb(85,172,215)
```
#69b6dc
```
#69b6dc rgb(105,182,220)
```

Monochromatic Color

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

#2fbdca
```
#2fbdca rgb(47,189,202)
```
#2fb0ca
```
#2fb0ca rgb(47,176,202)
```
#2fa3ca
```
#2fa3ca rgb(47,163,202)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#2f89ca
```
#2f89ca rgb(47,137,202)
```
#2f7cca
```
#2f7cca rgb(47,124,202)
```
#2f6fca
```
#2f6fca rgb(47,111,202)
```

Similar Colors

Text with hexadecimal color #2f96ca

This text has a font color of #2f96ca.

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

#2f96ca background color

This paragraph has a background color of #2f96ca.

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

#2f96ca border color

This element has a border color of #2f96ca.

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

CSS codes

.text {color:#2f96ca;}

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

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

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

#03080b
```
#03080b rgb(3,8,11)
```
#06141b
```
#06141b rgb(6,20,27)
```
#0a202b
```
#0a202b rgb(10,32,43)
```
#0e2c3b
```
#0e2c3b rgb(14,44,59)
```
#11374b
```
#11374b rgb(17,55,75)
```
#15435b
```
#15435b rgb(21,67,91)
```
#194f6b
```
#194f6b rgb(25,79,107)
```
#1c5b7a
```
#1c5b7a rgb(28,91,122)
```
#20678a
```
#20678a rgb(32,103,138)
```
#24739a
```
#24739a rgb(36,115,154)
```
#287eaa
```
#287eaa rgb(40,126,170)
```
#2b8aba
```
#2b8aba rgb(43,138,186)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```

Shade Color Variation

#3b9fd1
```
#3b9fd1 rgb(59,159,209)
```
#4ba7d5
```
#4ba7d5 rgb(75,167,213)
```
#5bafd9
```
#5bafd9 rgb(91,175,217)
```
#6bb6dd
```
#6bb6dd rgb(107,182,221)
```
#7bbee0
```
#7bbee0 rgb(123,190,224)
```
#8bc6e4
```
#8bc6e4 rgb(139,198,228)
```
#9bcee8
```
#9bcee8 rgb(155,206,232)
```
#abd6eb
```
#abd6eb rgb(171,214,235)
```
#baddef
```
#baddef rgb(186,221,239)
```
#cae5f3
```
#cae5f3 rgb(202,229,243)
```
#daedf6
```
#daedf6 rgb(218,237,246)
```
#eaf5fa
```
#eaf5fa rgb(234,245,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 #09a3f0 is the most saturated one.

#7c7d7d
```
#7c7d7d rgb(124,125,125)
```
#728087
```
#728087 rgb(114,128,135)
```
#688391
```
#688391 rgb(104,131,145)
```
#5f869a
```
#5f869a rgb(95,134,154)
```
#5589a4
```
#5589a4 rgb(85,137,164)
```
#4c8dad
```
#4c8dad rgb(76,141,173)
```
#4290b7
```
#4290b7 rgb(66,144,183)
```
#3993c0
```
#3993c0 rgb(57,147,192)
```
#2f96ca
```
#2f96ca rgb(47,150,202)
```
#2599d4
```
#2599d4 rgb(37,153,212)
```
#1c9cdd
```
#1c9cdd rgb(28,156,221)
```
#129fe7
```
#129fe7 rgb(18,159,231)
```
#09a3f0
```
#09a3f0 rgb(9,163,240)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d828c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8291c5 Protanopia 1% of men
#7692d0 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#6492c7 Protanomaly 1% of men, 0.01% of women
#5c93ce Deuteranomaly 6% of men, 0.4% of women
#119db7 Tritanomaly 0.01% of the population

#2f96ca hex color

#2f96ca Color Information

#2f96ca Color Conversion

Color Schemes with #2f96ca

Alternatives to #2f96ca

#2f96ca Preview

Shades and Tints of #2f96ca

Tones of #2f96ca

Color Blindness Simulator