#254e96 hex color

In a RGB color space, hex #254e96 is composed of 14.5% red, 30.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 48% magenta, 0% yellow and 41.2% black. It has a hue angle of 218.2 degrees, a saturation of 60.4% and a lightness of 36.7%. #254e96 color hex could be obtained by blending #4a9cff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 31
- B 59
RGB color chart
- C 75
- M 48
- Y 0
- K 41
CMYK color chart

● #254e96 color description : Dark blue.

The hexadecimal color #254e96 has RGB values of R:37, G:78, B:150 and CMYK values of C:0.75, M:0.48, Y:0, K:0.41. Its decimal value is 2444950.

Hex triplet	254e96	`#254e96`
RGB Decimal	37, 78, 150	`rgb(37,78,150)`
RGB Percent	14.5, 30.6, 58.8	`rgb(14.5%,30.6%,58.8%)`
CMYK	75, 48, 0, 41
HSL	218.2°, 60.4, 36.7	`hsl(218.2,60.4%,36.7%)`
HSV (or HSB)	218.2°, 75.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	34.073, 11.989, -43.709
XYZ	8.991, 8.043, 29.931
xyY	0.191, 0.171, 8.043
CIE-LCH	34.073, 45.324, 285.339
CIE-LUV	34.073, -15.036, -61.323
Hunter-Lab	28.361, 6.957, -42.72
Binary	00100101, 01001110, 10010110

#254e96
```
#254e96 rgb(37,78,150)
```
#966d25
```
#966d25 rgb(150,109,37)
```

Complementary Color

#258796
```
#258796 rgb(37,135,150)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#342596
```
#342596 rgb(52,37,150)
```

Analogous Color

#879625
```
#879625 rgb(135,150,37)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#963525
```
#963525 rgb(150,53,37)
```

Split Complementary Color

#4e9625
```
#4e9625 rgb(78,150,37)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#96254e
```
#96254e rgb(150,37,78)
```

Triadic Color

#25966d
```
#25966d rgb(37,150,109)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#96254e
```
#96254e rgb(150,37,78)
```
#966d25
```
#966d25 rgb(150,109,37)
```

Tetradic Color

#162e59
```
#162e59 rgb(22,46,89)
```
#1b396d
```
#1b396d rgb(27,57,109)
```
#204382
```
#204382 rgb(32,67,130)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#2a59aa
```
#2a59aa rgb(42,89,170)
```
#2f63bf
```
#2f63bf rgb(47,99,191)
```
#396fce
```
#396fce rgb(57,111,206)
```

Monochromatic Color

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

#256a96
```
#256a96 rgb(37,106,150)
```
#256196
```
#256196 rgb(37,97,150)
```
#255796
```
#255796 rgb(37,87,150)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#254596
```
#254596 rgb(37,69,150)
```
#253b96
```
#253b96 rgb(37,59,150)
```
#253296
```
#253296 rgb(37,50,150)
```

Similar Colors

Text with hexadecimal color #254e96

This text has a font color of #254e96.

<span style="color:#254e96;">Text here</span>

#254e96 background color

This paragraph has a background color of #254e96.

<p style="background-color:#254e96;">Content here</p>

#254e96 border color

This element has a border color of #254e96.

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

CSS codes

.text {color:#254e96;}

.background {background-color:#254e96;}

.border {border:1px solid #254e96;}

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 #f8fafd is the lightest one.

#020408
```
#020408 rgb(2,4,8)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1528
```
#0a1528 rgb(10,21,40)
```
#0e1d38
```
#0e1d38 rgb(14,29,56)
```
#122547
```
#122547 rgb(18,37,71)
```
#152d57
```
#152d57 rgb(21,45,87)
```
#193567
```
#193567 rgb(25,53,103)
```
#1d3e77
```
#1d3e77 rgb(29,62,119)
```
#214686
```
#214686 rgb(33,70,134)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#2956a6
```
#2956a6 rgb(41,86,166)
```
#2d5eb5
```
#2d5eb5 rgb(45,94,181)
```
#3167c5
```
#3167c5 rgb(49,103,197)
```

Shade Color Variation

#3b70cf
```
#3b70cf rgb(59,112,207)
```
#4b7cd2
```
#4b7cd2 rgb(75,124,210)
```
#5a87d6
```
#5a87d6 rgb(90,135,214)
```
#6a93da
```
#6a93da rgb(106,147,218)
```
#7a9ede
```
#7a9ede rgb(122,158,222)
```
#8aaae2
```
#8aaae2 rgb(138,170,226)
```
#99b5e6
```
#99b5e6 rgb(153,181,230)
```
#a9c0ea
```
#a9c0ea rgb(169,192,234)
```
#b9ccee
```
#b9ccee rgb(185,204,238)
```
#c8d7f2
```
#c8d7f2 rgb(200,215,242)
```
#d8e3f5
```
#d8e3f5 rgb(216,227,245)
```
#e8eef9
```
#e8eef9 rgb(232,238,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575c64 is the less saturated color, while #0144ba is the most saturated one.

#575c64
```
#575c64 rgb(87,92,100)
```
#505a6b
```
#505a6b rgb(80,90,107)
```
#495872
```
#495872 rgb(73,88,114)
```
#425679
```
#425679 rgb(66,86,121)
```
#3b5480
```
#3b5480 rgb(59,84,128)
```
#335288
```
#335288 rgb(51,82,136)
```
#2c508f
```
#2c508f rgb(44,80,143)
```
#254e96
```
#254e96 rgb(37,78,150)
```
#1e4c9d
```
#1e4c9d rgb(30,76,157)
```
#174aa4
```
#174aa4 rgb(23,74,164)
```
#0f48ac
```
#0f48ac rgb(15,72,172)
```
#0846b3
```
#0846b3 rgb(8,70,179)
```
#0144ba
```
#0144ba rgb(1,68,186)
```

Tone Color Variation

Below, you can see how #254e96 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

#4a4a4a Achromatopsia 0.005% of the population
#434b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32569b Protanopia 1% of men
#005a96 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#2d5399 Protanomaly 1% of men, 0.01% of women
#0d5696 Deuteranomaly 6% of men, 0.4% of women
#0d5a78 Tritanomaly 0.01% of the population

#254e96 hex color

#254e96 Color Information

#254e96 Color Conversion

Color Schemes with #254e96

Alternatives to #254e96

#254e96 Preview

Shades and Tints of #254e96

Tones of #254e96

Color Blindness Simulator