#2f4ebb hex color

In a RGB color space, hex #2f4ebb is composed of 18.4% red, 30.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 58.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 226.7 degrees, a saturation of 59.8% and a lightness of 45.9%. #2f4ebb color hex could be obtained by blending #5e9cff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 73
RGB color chart
- C 75
- M 58
- Y 0
- K 27
CMYK color chart

● #2f4ebb color description : Moderate blue.

The hexadecimal color #2f4ebb has RGB values of R:47, G:78, B:187 and CMYK values of C:0.75, M:0.58, Y:0, K:0.27. Its decimal value is 3100347.

Hex triplet	2f4ebb	`#2f4ebb`
RGB Decimal	47, 78, 187	`rgb(47,78,187)`
RGB Percent	18.4, 30.6, 73.3	`rgb(18.4%,30.6%,73.3%)`
CMYK	75, 58, 0, 27
HSL	226.7°, 59.8, 45.9	`hsl(226.7,59.8%,45.9%)`
HSV (or HSB)	226.7°, 74.9, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.189, 27.456, -60.715
XYZ	12.864, 9.64, 48.194
xyY	0.182, 0.136, 9.64
CIE-LCH	37.189, 66.634, 294.333
CIE-LUV	37.189, -13.284, -87.55
Hunter-Lab	31.049, 19.624, -70.296
Binary	00101111, 01001110, 10111011

#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#bb9c2f
```
#bb9c2f rgb(187,156,47)
```

Complementary Color

#2f94bb
```
#2f94bb rgb(47,148,187)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#562fbb
```
#562fbb rgb(86,47,187)
```

Analogous Color

#94bb2f
```
#94bb2f rgb(148,187,47)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#bb562f
```
#bb562f rgb(187,86,47)
```

Split Complementary Color

#4ebb2f
```
#4ebb2f rgb(78,187,47)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#bb2f4e
```
#bb2f4e rgb(187,47,78)
```

Triadic Color

#2fbb9c
```
#2fbb9c rgb(47,187,156)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#bb2f4e
```
#bb2f4e rgb(187,47,78)
```
#bb9c2f
```
#bb9c2f rgb(187,156,47)
```

Tetradic Color

#20357e
```
#20357e rgb(32,53,126)
```
#253d92
```
#253d92 rgb(37,61,146)
```
#2a46a7
```
#2a46a7 rgb(42,70,167)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#3758cd
```
#3758cd rgb(55,88,205)
```
#4b69d2
```
#4b69d2 rgb(75,105,210)
```
#607ad7
```
#607ad7 rgb(96,122,215)
```

Monochromatic Color

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

#2f71bb
```
#2f71bb rgb(47,113,187)
```
#2f65bb
```
#2f65bb rgb(47,101,187)
```
#2f5abb
```
#2f5abb rgb(47,90,187)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#2f42bb
```
#2f42bb rgb(47,66,187)
```
#2f37bb
```
#2f37bb rgb(47,55,187)
```
#332fbb
```
#332fbb rgb(51,47,187)
```

Similar Colors

Text with hexadecimal color #2f4ebb

This text has a font color of #2f4ebb.

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

#2f4ebb background color

This paragraph has a background color of #2f4ebb.

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

#2f4ebb border color

This element has a border color of #2f4ebb.

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

CSS codes

.text {color:#2f4ebb;}

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

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

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, #04060f is the darkest color, while #fefeff is the lightest one.

#04060f
```
#04060f rgb(4,6,15)
```
#080d1e
```
#080d1e rgb(8,13,30)
```
#0c132e
```
#0c132e rgb(12,19,46)
```
#0f1a3e
```
#0f1a3e rgb(15,26,62)
```
#13204d
```
#13204d rgb(19,32,77)
```
#17275d
```
#17275d rgb(23,39,93)
```
#1b2d6d
```
#1b2d6d rgb(27,45,109)
```
#1f347c
```
#1f347c rgb(31,52,124)
```
#233a8c
```
#233a8c rgb(35,58,140)
```
#27419c
```
#27419c rgb(39,65,156)
```
#2b47ab
```
#2b47ab rgb(43,71,171)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#3355cb
```
#3355cb rgb(51,85,203)
```

Shade Color Variation

#4261cf
```
#4261cf rgb(66,97,207)
```
#516ed3
```
#516ed3 rgb(81,110,211)
```
#617bd7
```
#617bd7 rgb(97,123,215)
```
#7188db
```
#7188db rgb(113,136,219)
```
#8095df
```
#8095df rgb(128,149,223)
```
#90a3e3
```
#90a3e3 rgb(144,163,227)
```
#a0b0e7
```
#a0b0e7 rgb(160,176,231)
```
#b0bdeb
```
#b0bdeb rgb(176,189,235)
```
#bfcaef
```
#bfcaef rgb(191,202,239)
```
#cfd7f3
```
#cfd7f3 rgb(207,215,243)
```
#dfe4f7
```
#dfe4f7 rgb(223,228,247)
```
#eef1fb
```
#eef1fb rgb(238,241,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6e717c
```
#6e717c rgb(110,113,124)
```
#656c85
```
#656c85 rgb(101,108,133)
```
#5c678e
```
#5c678e rgb(92,103,142)
```
#536297
```
#536297 rgb(83,98,151)
```
#4a5da0
```
#4a5da0 rgb(74,93,160)
```
#4158a9
```
#4158a9 rgb(65,88,169)
```
#3853b2
```
#3853b2 rgb(56,83,178)
```
#2f4ebb
```
#2f4ebb rgb(47,78,187)
```
#2649c4
```
#2649c4 rgb(38,73,196)
```
#1d44cd
```
#1d44cd rgb(29,68,205)
```
#143fd6
```
#143fd6 rgb(20,63,214)
```
#0b3adf
```
#0b3adf rgb(11,58,223)
```
#0235e8
```
#0235e8 rgb(2,53,232)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1157b8 Protanomaly 1% of men, 0.01% of women
#115ba9 Deuteranomaly 6% of men, 0.4% of women
#115f8b Tritanomaly 0.01% of the population

#2f4ebb hex color

#2f4ebb Color Information

#2f4ebb Color Conversion

Color Schemes with #2f4ebb

Alternatives to #2f4ebb

#2f4ebb Preview

Shades and Tints of #2f4ebb

Tones of #2f4ebb

Color Blindness Simulator