#2f76c2 hex color

In a RGB color space, hex #2f76c2 is composed of 18.4% red, 46.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 39.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 211 degrees, a saturation of 61% and a lightness of 47.3%. #2f76c2 color hex could be obtained by blending #5eecff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 46
- B 76
RGB color chart
- C 76
- M 39
- Y 0
- K 24
CMYK color chart

● #2f76c2 color description : Strong blue.

The hexadecimal color #2f76c2 has RGB values of R:47, G:118, B:194 and CMYK values of C:0.76, M:0.39, Y:0, K:0.24. Its decimal value is 3110594.

Hex triplet	2f76c2	`#2f76c2`
RGB Decimal	47, 118, 194	`rgb(47,118,194)`
RGB Percent	18.4, 46.3, 76.1	`rgb(18.4%,46.3%,76.1%)`
CMYK	76, 39, 0, 24
HSL	211°, 61, 47.3	`hsl(211,61%,47.3%)`
HSV (or HSB)	211°, 75.8, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.828, 4.398, -46.036
XYZ	17.386, 17.455, 53.489
xyY	0.197, 0.198, 17.455
CIE-LCH	48.828, 46.246, 275.457
CIE-LUV	48.828, -25.18, -70.485
Hunter-Lab	41.779, 1.168, -46.662
Binary	00101111, 01110110, 11000010

#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#c27b2f
```
#c27b2f rgb(194,123,47)
```

Complementary Color

#2fc0c2
```
#2fc0c2 rgb(47,192,194)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#312fc2
```
#312fc2 rgb(49,47,194)
```

Analogous Color

#c0c22f
```
#c0c22f rgb(192,194,47)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#c2322f
```
#c2322f rgb(194,50,47)
```

Split Complementary Color

#76c22f
```
#76c22f rgb(118,194,47)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#c22f76
```
#c22f76 rgb(194,47,118)
```

Triadic Color

#2fc27b
```
#2fc27b rgb(47,194,123)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#c22f76
```
#c22f76 rgb(194,47,118)
```
#c27b2f
```
#c27b2f rgb(194,123,47)
```

Tetradic Color

#205184
```
#205184 rgb(32,81,132)
```
#255d99
```
#255d99 rgb(37,93,153)
```
#2a6aad
```
#2a6aad rgb(42,106,173)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#3b83d0
```
#3b83d0 rgb(59,131,208)
```
#5090d4
```
#5090d4 rgb(80,144,212)
```
#649dd9
```
#649dd9 rgb(100,157,217)
```

Monochromatic Color

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

#2f9bc2
```
#2f9bc2 rgb(47,155,194)
```
#2f8fc2
```
#2f8fc2 rgb(47,143,194)
```
#2f82c2
```
#2f82c2 rgb(47,130,194)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#2f6ac2
```
#2f6ac2 rgb(47,106,194)
```
#2f5ec2
```
#2f5ec2 rgb(47,94,194)
```
#2f51c2
```
#2f51c2 rgb(47,81,194)
```

Similar Colors

Text with hexadecimal color #2f76c2

This text has a font color of #2f76c2.

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

#2f76c2 background color

This paragraph has a background color of #2f76c2.

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

#2f76c2 border color

This element has a border color of #2f76c2.

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

CSS codes

.text {color:#2f76c2;}

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

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

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, #010305 is the darkest color, while #f4f8fc is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#050c14
```
#050c14 rgb(5,12,20)
```
#091624
```
#091624 rgb(9,22,36)
```
#0d2034
```
#0d2034 rgb(13,32,52)
```
#102944
```
#102944 rgb(16,41,68)
```
#143353
```
#143353 rgb(20,51,83)
```
#183c63
```
#183c63 rgb(24,60,99)
```
#1c4673
```
#1c4673 rgb(28,70,115)
```
#205083
```
#205083 rgb(32,80,131)
```
#245993
```
#245993 rgb(36,89,147)
```
#2763a2
```
#2763a2 rgb(39,99,162)
```
#2b6cb2
```
#2b6cb2 rgb(43,108,178)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```

Shade Color Variation

#3680ce
```
#3680ce rgb(54,128,206)
```
#468ad2
```
#468ad2 rgb(70,138,210)
```
#5694d6
```
#5694d6 rgb(86,148,214)
```
#669eda
```
#669eda rgb(102,158,218)
```
#75a8de
```
#75a8de rgb(117,168,222)
```
#85b2e1
```
#85b2e1 rgb(133,178,225)
```
#95bce5
```
#95bce5 rgb(149,188,229)
```
#a5c6e9
```
#a5c6e9 rgb(165,198,233)
```
#b5d0ed
```
#b5d0ed rgb(181,208,237)
```
#c4daf1
```
#c4daf1 rgb(196,218,241)
```
#d4e4f5
```
#d4e4f5 rgb(212,228,245)
```
#e4eef8
```
#e4eef8 rgb(228,238,248)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707881 is the less saturated color, while #0174f0 is the most saturated one.

#707881
```
#707881 rgb(112,120,129)
```
#67788a
```
#67788a rgb(103,120,138)
```
#5d7894
```
#5d7894 rgb(93,120,148)
```
#54779d
```
#54779d rgb(84,119,157)
```
#4b77a6
```
#4b77a6 rgb(75,119,166)
```
#4277af
```
#4277af rgb(66,119,175)
```
#3876b9
```
#3876b9 rgb(56,118,185)
```
#2f76c2
```
#2f76c2 rgb(47,118,194)
```
#2676cb
```
#2676cb rgb(38,118,203)
```
#1c75d5
```
#1c75d5 rgb(28,117,213)
```
#1375de
```
#1375de rgb(19,117,222)
```
#0a75e7
```
#0a75e7 rgb(10,117,231)
```
#0174f0
```
#0174f0 rgb(1,116,240)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b78c1 Protanopia 1% of men
#417cc5 Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#4b77c1 Protanomaly 1% of men, 0.01% of women
#3a79c4 Deuteranomaly 6% of men, 0.4% of women
#1180a2 Tritanomaly 0.01% of the population

#2f76c2 hex color

#2f76c2 Color Information

#2f76c2 Color Conversion

Color Schemes with #2f76c2

Alternatives to #2f76c2

#2f76c2 Preview

Shades and Tints of #2f76c2

Tones of #2f76c2

Color Blindness Simulator