#2f5cb3 hex color

In a RGB color space, hex #2f5cb3 is composed of 18.4% red, 36.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 48.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 219.5 degrees, a saturation of 58.4% and a lightness of 44.3%. #2f5cb3 color hex could be obtained by blending #5eb8ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 70
RGB color chart
- C 74
- M 49
- Y 0
- K 30
CMYK color chart

● #2f5cb3 color description : Moderate blue.

The hexadecimal color #2f5cb3 has RGB values of R:47, G:92, B:179 and CMYK values of C:0.74, M:0.49, Y:0, K:0.3. Its decimal value is 3103923.

Hex triplet	2f5cb3	`#2f5cb3`
RGB Decimal	47, 92, 179	`rgb(47,92,179)`
RGB Percent	18.4, 36.1, 70.2	`rgb(18.4%,36.1%,70.2%)`
CMYK	74, 49, 0, 30
HSL	219.5°, 58.4, 44.3	`hsl(219.5,58.4%,44.3%)`
HSV (or HSB)	219.5°, 73.7, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.43, 15.265, -50.766
XYZ	13.134, 11.512, 44.175
xyY	0.191, 0.167, 11.512
CIE-LCH	40.43, 53.011, 286.736
CIE-LUV	40.43, -17.243, -75.091
Hunter-Lab	33.93, 9.721, -53.442
Binary	00101111, 01011100, 10110011

#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#b3862f
```
#b3862f rgb(179,134,47)
```

Complementary Color

#2f9eb3
```
#2f9eb3 rgb(47,158,179)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#442fb3
```
#442fb3 rgb(68,47,179)
```

Analogous Color

#9eb32f
```
#9eb32f rgb(158,179,47)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#b3442f
```
#b3442f rgb(179,68,47)
```

Split Complementary Color

#5cb32f
```
#5cb32f rgb(92,179,47)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#b32f5c
```
#b32f5c rgb(179,47,92)
```

Triadic Color

#2fb386
```
#2fb386 rgb(47,179,134)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#b32f5c
```
#b32f5c rgb(179,47,92)
```
#b3862f
```
#b3862f rgb(179,134,47)
```

Tetradic Color

#1f3d76
```
#1f3d76 rgb(31,61,118)
```
#24478b
```
#24478b rgb(36,71,139)
```
#2a529f
```
#2a529f rgb(42,82,159)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#3466c7
```
#3466c7 rgb(52,102,199)
```
#4675cf
```
#4675cf rgb(70,117,207)
```
#5b84d4
```
#5b84d4 rgb(91,132,212)
```

Monochromatic Color

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

#2f7db3
```
#2f7db3 rgb(47,125,179)
```
#2f72b3
```
#2f72b3 rgb(47,114,179)
```
#2f67b3
```
#2f67b3 rgb(47,103,179)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#2f51b3
```
#2f51b3 rgb(47,81,179)
```
#2f46b3
```
#2f46b3 rgb(47,70,179)
```
#2f3bb3
```
#2f3bb3 rgb(47,59,179)
```

Similar Colors

Text with hexadecimal color #2f5cb3

This text has a font color of #2f5cb3.

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

#2f5cb3 background color

This paragraph has a background color of #2f5cb3.

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

#2f5cb3 border color

This element has a border color of #2f5cb3.

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

CSS codes

.text {color:#2f5cb3;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060c18
```
#060c18 rgb(6,12,24)
```
#0a1427
```
#0a1427 rgb(10,20,39)
```
#0e1c37
```
#0e1c37 rgb(14,28,55)
```
#122446
```
#122446 rgb(18,36,70)
```
#172c56
```
#172c56 rgb(23,44,86)
```
#1b3465
```
#1b3465 rgb(27,52,101)
```
#1f3c75
```
#1f3c75 rgb(31,60,117)
```
#234484
```
#234484 rgb(35,68,132)
```
#274c94
```
#274c94 rgb(39,76,148)
```
#2b54a3
```
#2b54a3 rgb(43,84,163)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#3364c3
```
#3364c3 rgb(51,100,195)
```

Shade Color Variation

#3d6ecc
```
#3d6ecc rgb(61,110,204)
```
#4d7ad0
```
#4d7ad0 rgb(77,122,208)
```
#5c85d4
```
#5c85d4 rgb(92,133,212)
```
#6c91d8
```
#6c91d8 rgb(108,145,216)
```
#7b9cdc
```
#7b9cdc rgb(123,156,220)
```
#8ba8e0
```
#8ba8e0 rgb(139,168,224)
```
#9ab4e5
```
#9ab4e5 rgb(154,180,229)
```
#aabfe9
```
#aabfe9 rgb(170,191,233)
```
#b9cbed
```
#b9cbed rgb(185,203,237)
```
#c9d7f1
```
#c9d7f1 rgb(201,215,241)
```
#d8e2f5
```
#d8e2f5 rgb(216,226,245)
```
#e8eef9
```
#e8eef9 rgb(232,238,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f76 is the less saturated color, while #044ede is the most saturated one.

#6c6f76
```
#6c6f76 rgb(108,111,118)
```
#636d7f
```
#636d7f rgb(99,109,127)
```
#5a6a88
```
#5a6a88 rgb(90,106,136)
```
#526790
```
#526790 rgb(82,103,144)
```
#496499
```
#496499 rgb(73,100,153)
```
#4062a2
```
#4062a2 rgb(64,98,162)
```
#385faa
```
#385faa rgb(56,95,170)
```
#2f5cb3
```
#2f5cb3 rgb(47,92,179)
```
#2659bc
```
#2659bc rgb(38,89,188)
```
#1e56c4
```
#1e56c4 rgb(30,86,196)
```
#1554cd
```
#1554cd rgb(21,84,205)
```
#0c51d6
```
#0c51d6 rgb(12,81,214)
```
#044ede
```
#044ede rgb(4,78,222)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#50596a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3664b7 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3361b5 Protanomaly 1% of men, 0.01% of women
#1164b0 Deuteranomaly 6% of men, 0.4% of women
#11698e Tritanomaly 0.01% of the population

#2f5cb3 hex color

#2f5cb3 Color Information

#2f5cb3 Color Conversion

Color Schemes with #2f5cb3

Alternatives to #2f5cb3

#2f5cb3 Preview

Shades and Tints of #2f5cb3

Tones of #2f5cb3

Color Blindness Simulator