#254158 hex color

In a RGB color space, hex #254158 is composed of 14.5% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 207.1 degrees, a saturation of 40.8% and a lightness of 24.5%. #254158 color hex could be obtained by blending #4a82b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 15
- G 25
- B 35
RGB color chart
- C 58
- M 26
- Y 0
- K 65
CMYK color chart

● #254158 color description : Very dark desaturated blue.

The hexadecimal color #254158 has RGB values of R:37, G:65, B:88 and CMYK values of C:0.58, M:0.26, Y:0, K:0.65. Its decimal value is 2441560.

Hex triplet	254158	`#254158`
RGB Decimal	37, 65, 88	`rgb(37,65,88)`
RGB Percent	14.5, 25.5, 34.5	`rgb(14.5%,25.5%,34.5%)`
CMYK	58, 26, 0, 65
HSL	207.1°, 40.8, 24.5	`hsl(207.1,40.8%,24.5%)`
HSV (or HSB)	207.1°, 58, 34.5
Web Safe	333366	`#333366`

CIE-LAB	26.385, -2.968, -16.98
XYZ	4.414, 4.878, 9.941
xyY	0.23, 0.254, 4.878
CIE-LCH	26.385, 17.237, 260.085
CIE-LUV	26.385, -11.474, -20.438
Hunter-Lab	22.087, -2.977, -11.225
Binary	00100101, 01000001, 01011000

#254158
```
#254158 rgb(37,65,88)
```
#583c25
```
#583c25 rgb(88,60,37)
```

Complementary Color

#255856
```
#255856 rgb(37,88,86)
```
#254158
```
#254158 rgb(37,65,88)
```
#252858
```
#252858 rgb(37,40,88)
```

Analogous Color

#585625
```
#585625 rgb(88,86,37)
```
#254158
```
#254158 rgb(37,65,88)
```
#582528
```
#582528 rgb(88,37,40)
```

Split Complementary Color

#415825
```
#415825 rgb(65,88,37)
```
#254158
```
#254158 rgb(37,65,88)
```
#582541
```
#582541 rgb(88,37,65)
```

Triadic Color

#25583c
```
#25583c rgb(37,88,60)
```
#254158
```
#254158 rgb(37,65,88)
```
#582541
```
#582541 rgb(88,37,65)
```
#583c25
```
#583c25 rgb(88,60,37)
```

Tetradic Color

#0e1922
```
#0e1922 rgb(14,25,34)
```
#162634
```
#162634 rgb(22,38,52)
```
#1d3446
```
#1d3446 rgb(29,52,70)
```
#254158
```
#254158 rgb(37,65,88)
```
#2d4e6a
```
#2d4e6a rgb(45,78,106)
```
#345c7c
```
#345c7c rgb(52,92,124)
```
#3c698e
```
#3c698e rgb(60,105,142)
```

Monochromatic Color

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

#254e58
```
#254e58 rgb(37,78,88)
```
#254a58
```
#254a58 rgb(37,74,88)
```
#254558
```
#254558 rgb(37,69,88)
```
#254158
```
#254158 rgb(37,65,88)
```
#253d58
```
#253d58 rgb(37,61,88)
```
#253958
```
#253958 rgb(37,57,88)
```
#253458
```
#253458 rgb(37,52,88)
```

Similar Colors

Text with hexadecimal color #254158

This text has a font color of #254158.

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

#254158 background color

This paragraph has a background color of #254158.

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

#254158 border color

This element has a border color of #254158.

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

CSS codes

.text {color:#254158;}

.background {background-color:#254158;}

.border {border:1px solid #254158;}

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

#020405
```
#020405 rgb(2,4,5)
```
#080e13
```
#080e13 rgb(8,14,19)
```
#0e1821
```
#0e1821 rgb(14,24,33)
```
#14222f
```
#14222f rgb(20,34,47)
```
#192d3c
```
#192d3c rgb(25,45,60)
```
#1f374a
```
#1f374a rgb(31,55,74)
```
#254158
```
#254158 rgb(37,65,88)
```
#2b4b66
```
#2b4b66 rgb(43,75,102)
```
#315574
```
#315574 rgb(49,85,116)
```
#366081
```
#366081 rgb(54,96,129)
```
#3c6a8f
```
#3c6a8f rgb(60,106,143)
```
#42749d
```
#42749d rgb(66,116,157)
```
#487eab
```
#487eab rgb(72,126,171)
```

Shade Color Variation

#5188b6
```
#5188b6 rgb(81,136,182)
```
#5e92bb
```
#5e92bb rgb(94,146,187)
```
#6c9bc1
```
#6c9bc1 rgb(108,155,193)
```
#7aa4c7
```
#7aa4c7 rgb(122,164,199)
```
#88aecd
```
#88aecd rgb(136,174,205)
```
#96b7d3
```
#96b7d3 rgb(150,183,211)
```
#a3c1d9
```
#a3c1d9 rgb(163,193,217)
```
#b1cade
```
#b1cade rgb(177,202,222)
```
#bfd3e4
```
#bfd3e4 rgb(191,211,228)
```
#cdddea
```
#cdddea rgb(205,221,234)
```
#dbe6f0
```
#dbe6f0 rgb(219,230,240)
```
#e9f0f6
```
#e9f0f6 rgb(233,240,246)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3f40 is the less saturated color, while #03447a is the most saturated one.

#3d3f40
```
#3d3f40 rgb(61,63,64)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#33404a
```
#33404a rgb(51,64,74)
```
#2f404e
```
#2f404e rgb(47,64,78)
```
#2a4153
```
#2a4153 rgb(42,65,83)
```
#254158
```
#254158 rgb(37,65,88)
```
#20415d
```
#20415d rgb(32,65,93)
```
#1b4262
```
#1b4262 rgb(27,66,98)
```
#174266
```
#174266 rgb(23,66,102)
```
#12436b
```
#12436b rgb(18,67,107)
```
#0d4370
```
#0d4370 rgb(13,67,112)
```
#084475
```
#084475 rgb(8,68,117)
```
#03447a
```
#03447a rgb(3,68,122)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#373c41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41475e Protanopia 1% of men
#3f4761 Deuteranopia 1% of men
#2a4d53 Tritanopia 0.001% of the population

Trichromacy

#37455c Protanomaly 1% of men, 0.01% of women
#35455e Deuteranomaly 6% of men, 0.4% of women
#284854 Tritanomaly 0.01% of the population

#254158 hex color

#254158 Color Information

#254158 Color Conversion

Color Schemes with #254158

Alternatives to #254158

#254158 Preview

Shades and Tints of #254158

Tones of #254158

Color Blindness Simulator