#2f4dcb hex color

In a RGB color space, hex #2f4dcb is composed of 18.4% red, 30.2% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 62.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 228.5 degrees, a saturation of 62.4% and a lightness of 49%. #2f4dcb color hex could be obtained by blending #5e9aff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 30
- B 80
RGB color chart
- C 77
- M 62
- Y 0
- K 20
CMYK color chart

● #2f4dcb color description : Strong blue.

The hexadecimal color #2f4dcb has RGB values of R:47, G:77, B:203 and CMYK values of C:0.77, M:0.62, Y:0, K:0.2. Its decimal value is 3100107.

Hex triplet	2f4dcb	`#2f4dcb`
RGB Decimal	47, 77, 203	`rgb(47,77,203)`
RGB Percent	18.4, 30.2, 79.6	`rgb(18.4%,30.2%,79.6%)`
CMYK	77, 62, 0, 20
HSL	228.5°, 62.4, 49	`hsl(228.5,62.4%,49%)`
HSV (or HSB)	228.5°, 76.8, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.24, 34.008, -68.33
XYZ	14.603, 10.223, 57.7
xyY	0.177, 0.124, 10.223
CIE-LCH	38.24, 76.325, 296.46
CIE-LUV	38.24, -13.205, -98.708
Hunter-Lab	31.973, 25.575, -84.616
Binary	00101111, 01001101, 11001011

#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#cbad2f
```
#cbad2f rgb(203,173,47)
```

Complementary Color

#2f9bcb
```
#2f9bcb rgb(47,155,203)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#5f2fcb
```
#5f2fcb rgb(95,47,203)
```

Analogous Color

#9bcb2f
```
#9bcb2f rgb(155,203,47)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#cb5f2f
```
#cb5f2f rgb(203,95,47)
```

Split Complementary Color

#4dcb2f
```
#4dcb2f rgb(77,203,47)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#cb2f4d
```
#cb2f4d rgb(203,47,77)
```

Triadic Color

#2fcbad
```
#2fcbad rgb(47,203,173)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#cb2f4d
```
#cb2f4d rgb(203,47,77)
```
#cbad2f
```
#cbad2f rgb(203,173,47)
```

Tetradic Color

#21358d
```
#21358d rgb(33,53,141)
```
#253da2
```
#253da2 rgb(37,61,162)
```
#2a45b6
```
#2a45b6 rgb(42,69,182)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#415dd3
```
#415dd3 rgb(65,93,211)
```
#556ed8
```
#556ed8 rgb(85,110,216)
```
#6a80dd
```
#6a80dd rgb(106,128,221)
```

Monochromatic Color

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

#2f74cb
```
#2f74cb rgb(47,116,203)
```
#2f67cb
```
#2f67cb rgb(47,103,203)
```
#2f5acb
```
#2f5acb rgb(47,90,203)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#2f40cb
```
#2f40cb rgb(47,64,203)
```
#2f33cb
```
#2f33cb rgb(47,51,203)
```
#382fcb
```
#382fcb rgb(56,47,203)
```

Similar Colors

Text with hexadecimal color #2f4dcb

This text has a font color of #2f4dcb.

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

#2f4dcb background color

This paragraph has a background color of #2f4dcb.

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

#2f4dcb border color

This element has a border color of #2f4dcb.

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

CSS codes

.text {color:#2f4dcb;}

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

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

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#0a112c
```
#0a112c rgb(10,17,44)
```
#0e173c
```
#0e173c rgb(14,23,60)
```
#111d4c
```
#111d4c rgb(17,29,76)
```
#15235c
```
#15235c rgb(21,35,92)
```
#19296b
```
#19296b rgb(25,41,107)
```
#1d2f7b
```
#1d2f7b rgb(29,47,123)
```
#20358b
```
#20358b rgb(32,53,139)
```
#243b9b
```
#243b9b rgb(36,59,155)
```
#2841ab
```
#2841ab rgb(40,65,171)
```
#2b47bb
```
#2b47bb rgb(43,71,187)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```

Shade Color Variation

#3c59d2
```
#3c59d2 rgb(60,89,210)
```
#4c66d5
```
#4c66d5 rgb(76,102,213)
```
#5c74d9
```
#5c74d9 rgb(92,116,217)
```
#6c81dd
```
#6c81dd rgb(108,129,221)
```
#7c8fe1
```
#7c8fe1 rgb(124,143,225)
```
#8b9de4
```
#8b9de4 rgb(139,157,228)
```
#9baae8
```
#9baae8 rgb(155,170,232)
```
#abb8ec
```
#abb8ec rgb(171,184,236)
```
#bbc5ef
```
#bbc5ef rgb(187,197,239)
```
#cbd3f3
```
#cbd3f3 rgb(203,211,243)
```
#dbe0f7
```
#dbe0f7 rgb(219,224,247)
```
#ebeefa
```
#ebeefa rgb(235,238,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c7e is the less saturated color, while #0935f1 is the most saturated one.

#7c7c7e
```
#7c7c7e rgb(124,124,126)
```
#727688
```
#727688 rgb(114,118,136)
```
#697191
```
#697191 rgb(105,113,145)
```
#5f6b9b
```
#5f6b9b rgb(95,107,155)
```
#5565a5
```
#5565a5 rgb(85,101,165)
```
#4c5fae
```
#4c5fae rgb(76,95,174)
```
#4259b8
```
#4259b8 rgb(66,89,184)
```
#3953c1
```
#3953c1 rgb(57,83,193)
```
#2f4dcb
```
#2f4dcb rgb(47,77,203)
```
#2547d5
```
#2547d5 rgb(37,71,213)
```
#1c41de
```
#1c41de rgb(28,65,222)
```
#123be8
```
#123be8 rgb(18,59,232)
```
#0935f1
```
#0935f1 rgb(9,53,241)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b516a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1158c0 Protanomaly 1% of men, 0.01% of women
#115cb1 Deuteranomaly 6% of men, 0.4% of women
#116092 Tritanomaly 0.01% of the population

#2f4dcb hex color

#2f4dcb Color Information

#2f4dcb Color Conversion

Color Schemes with #2f4dcb

Alternatives to #2f4dcb

#2f4dcb Preview

Shades and Tints of #2f4dcb

Tones of #2f4dcb

Color Blindness Simulator