#254a89 hex color

In a RGB color space, hex #254a89 is composed of 14.5% red, 29% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 46% magenta, 0% yellow and 46.3% black. It has a hue angle of 217.8 degrees, a saturation of 57.5% and a lightness of 34.1%. #254a89 color hex could be obtained by blending #4a94ff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 29
- B 54
RGB color chart
- C 73
- M 46
- Y 0
- K 46
CMYK color chart

● #254a89 color description : Dark blue.

The hexadecimal color #254a89 has RGB values of R:37, G:74, B:137 and CMYK values of C:0.73, M:0.46, Y:0, K:0.46. Its decimal value is 2443913.

Hex triplet	254a89	`#254a89`
RGB Decimal	37, 74, 137	`rgb(37,74,137)`
RGB Percent	14.5, 29, 53.7	`rgb(14.5%,29%,53.7%)`
CMYK	73, 46, 0, 46
HSL	217.8°, 57.5, 34.1	`hsl(217.8,57.5%,34.1%)`
HSV (or HSB)	217.8°, 73, 53.7
Web Safe	333399	`#333399`

CIE-LAB	32.026, 9.586, -39.055
XYZ	7.726, 7.096, 24.628
xyY	0.196, 0.18, 7.096
CIE-LCH	32.026, 40.215, 283.791
CIE-LUV	32.026, -13.949, -53.588
Hunter-Lab	26.639, 5.151, -36.167
Binary	00100101, 01001010, 10001001

#254a89
```
#254a89 rgb(37,74,137)
```
#896425
```
#896425 rgb(137,100,37)
```

Complementary Color

#257c89
```
#257c89 rgb(37,124,137)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#322589
```
#322589 rgb(50,37,137)
```

Analogous Color

#7c8925
```
#7c8925 rgb(124,137,37)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#893225
```
#893225 rgb(137,50,37)
```

Split Complementary Color

#4a8925
```
#4a8925 rgb(74,137,37)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#89254a
```
#89254a rgb(137,37,74)
```

Triadic Color

#258964
```
#258964 rgb(37,137,100)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#89254a
```
#89254a rgb(137,37,74)
```
#896425
```
#896425 rgb(137,100,37)
```

Tetradic Color

#15294d
```
#15294d rgb(21,41,77)
```
#1a3461
```
#1a3461 rgb(26,52,97)
```
#203f75
```
#203f75 rgb(32,63,117)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#2a559d
```
#2a559d rgb(42,85,157)
```
#3060b1
```
#3060b1 rgb(48,96,177)
```
#356bc5
```
#356bc5 rgb(53,107,197)
```

Monochromatic Color

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

#256389
```
#256389 rgb(37,99,137)
```
#255b89
```
#255b89 rgb(37,91,137)
```
#255289
```
#255289 rgb(37,82,137)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#254289
```
#254289 rgb(37,66,137)
```
#253989
```
#253989 rgb(37,57,137)
```
#253189
```
#253189 rgb(37,49,137)
```

Similar Colors

Text with hexadecimal color #254a89

This text has a font color of #254a89.

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

#254a89 background color

This paragraph has a background color of #254a89.

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

#254a89 border color

This element has a border color of #254a89.

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

CSS codes

.text {color:#254a89;}

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

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

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, #04070d is the darkest color, while #fdfefe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#08101d
```
#08101d rgb(8,16,29)
```
#0c182c
```
#0c182c rgb(12,24,44)
```
#10203c
```
#10203c rgb(16,32,60)
```
#14294b
```
#14294b rgb(20,41,75)
```
#18315b
```
#18315b rgb(24,49,91)
```
#1d396a
```
#1d396a rgb(29,57,106)
```
#21427a
```
#21427a rgb(33,66,122)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#295298
```
#295298 rgb(41,82,152)
```
#2d5ba8
```
#2d5ba8 rgb(45,91,168)
```
#3263b7
```
#3263b7 rgb(50,99,183)
```
#366bc7
```
#366bc7 rgb(54,107,199)
```

Shade Color Variation

#4476cc
```
#4476cc rgb(68,118,204)
```
#5382d1
```
#5382d1 rgb(83,130,209)
```
#638dd5
```
#638dd5 rgb(99,141,213)
```
#7298d9
```
#7298d9 rgb(114,152,217)
```
#81a3dd
```
#81a3dd rgb(129,163,221)
```
#91afe1
```
#91afe1 rgb(145,175,225)
```
#a0bae5
```
#a0bae5 rgb(160,186,229)
```
#b0c5ea
```
#b0c5ea rgb(176,197,234)
```
#bfd0ee
```
#bfd0ee rgb(191,208,238)
```
#cfdcf2
```
#cfdcf2 rgb(207,220,242)
```
#dee7f6
```
#dee7f6 rgb(222,231,246)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#54565a
```
#54565a rgb(84,86,90)
```
#4d5461
```
#4d5461 rgb(77,84,97)
```
#465368
```
#465368 rgb(70,83,104)
```
#40516e
```
#40516e rgb(64,81,110)
```
#394f75
```
#394f75 rgb(57,79,117)
```
#324d7c
```
#324d7c rgb(50,77,124)
```
#2c4c82
```
#2c4c82 rgb(44,76,130)
```
#254a89
```
#254a89 rgb(37,74,137)
```
#1e4890
```
#1e4890 rgb(30,72,144)
```
#184796
```
#184796 rgb(24,71,150)
```
#11459d
```
#11459d rgb(17,69,157)
```
#0a43a4
```
#0a43a4 rgb(10,67,164)
```
#0441aa
```
#0441aa rgb(4,65,170)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3f4753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35528e Protanopia 1% of men
#17558e Deuteranopia 1% of men
#005c63 Tritanopia 0.001% of the population

Trichromacy

#2f4f8c Protanomaly 1% of men, 0.01% of women
#1c518c Deuteranomaly 6% of men, 0.4% of women
#0d5671 Tritanomaly 0.01% of the population

#254a89 hex color

#254a89 Color Information

#254a89 Color Conversion

Color Schemes with #254a89

Alternatives to #254a89

#254a89 Preview

Shades and Tints of #254a89

Tones of #254a89

Color Blindness Simulator