#254d89 hex color

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

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

● #254d89 color description : Dark blue.

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

Hex triplet	254d89	`#254d89`
RGB Decimal	37, 77, 137	`rgb(37,77,137)`
RGB Percent	14.5, 30.2, 53.7	`rgb(14.5%,30.2%,53.7%)`
CMYK	73, 44, 0, 46
HSL	216°, 57.5, 34.1	`hsl(216,57.5%,34.1%)`
HSV (or HSB)	216°, 73, 53.7
Web Safe	336699	`#336699`

CIE-LAB	32.934, 7.572, -37.602
XYZ	7.931, 7.507, 24.696
xyY	0.198, 0.187, 7.507
CIE-LCH	32.934, 38.357, 281.385
CIE-LUV	32.934, -14.913, -51.89
Hunter-Lab	27.398, 3.725, -34.265
Binary	00100101, 01001101, 10001001

#254d89
```
#254d89 rgb(37,77,137)
```
#896125
```
#896125 rgb(137,97,37)
```

Complementary Color

#257f89
```
#257f89 rgb(37,127,137)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#2f2589
```
#2f2589 rgb(47,37,137)
```

Analogous Color

#7f8925
```
#7f8925 rgb(127,137,37)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#892f25
```
#892f25 rgb(137,47,37)
```

Split Complementary Color

#4d8925
```
#4d8925 rgb(77,137,37)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#89254d
```
#89254d rgb(137,37,77)
```

Triadic Color

#258961
```
#258961 rgb(37,137,97)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#89254d
```
#89254d rgb(137,37,77)
```
#896125
```
#896125 rgb(137,97,37)
```

Tetradic Color

#152b4d
```
#152b4d rgb(21,43,77)
```
#1a3661
```
#1a3661 rgb(26,54,97)
```
#204275
```
#204275 rgb(32,66,117)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#2a589d
```
#2a589d rgb(42,88,157)
```
#3064b1
```
#3064b1 rgb(48,100,177)
```
#356fc5
```
#356fc5 rgb(53,111,197)
```

Monochromatic Color

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

#256689
```
#256689 rgb(37,102,137)
```
#255e89
```
#255e89 rgb(37,94,137)
```
#255589
```
#255589 rgb(37,85,137)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#254589
```
#254589 rgb(37,69,137)
```
#253c89
```
#253c89 rgb(37,60,137)
```
#253489
```
#253489 rgb(37,52,137)
```

Similar Colors

Text with hexadecimal color #254d89

This text has a font color of #254d89.

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

#254d89 background color

This paragraph has a background color of #254d89.

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

#254d89 border color

This element has a border color of #254d89.

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

CSS codes

.text {color:#254d89;}

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

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

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

#04080d
```
#04080d rgb(4,8,13)
```
#08101d
```
#08101d rgb(8,16,29)
```
#0c192c
```
#0c192c rgb(12,25,44)
```
#10223c
```
#10223c rgb(16,34,60)
```
#142a4b
```
#142a4b rgb(20,42,75)
```
#18335b
```
#18335b rgb(24,51,91)
```
#1d3c6a
```
#1d3c6a rgb(29,60,106)
```
#21447a
```
#21447a rgb(33,68,122)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#295698
```
#295698 rgb(41,86,152)
```
#2d5ea8
```
#2d5ea8 rgb(45,94,168)
```
#3267b7
```
#3267b7 rgb(50,103,183)
```
#3670c7
```
#3670c7 rgb(54,112,199)
```

Shade Color Variation

#447acc
```
#447acc rgb(68,122,204)
```
#5385d1
```
#5385d1 rgb(83,133,209)
```
#6390d5
```
#6390d5 rgb(99,144,213)
```
#729bd9
```
#729bd9 rgb(114,155,217)
```
#81a6dd
```
#81a6dd rgb(129,166,221)
```
#91b1e1
```
#91b1e1 rgb(145,177,225)
```
#a0bce5
```
#a0bce5 rgb(160,188,229)
```
#b0c7ea
```
#b0c7ea rgb(176,199,234)
```
#bfd2ee
```
#bfd2ee rgb(191,210,238)
```
#cfddf2
```
#cfddf2 rgb(207,221,242)
```
#dee8f6
```
#dee8f6 rgb(222,232,246)
```
#eef3fa
```
#eef3fa rgb(238,243,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 #0446aa is the most saturated one.

#54565a
```
#54565a rgb(84,86,90)
```
#4d5561
```
#4d5561 rgb(77,85,97)
```
#465468
```
#465468 rgb(70,84,104)
```
#40526e
```
#40526e rgb(64,82,110)
```
#395175
```
#395175 rgb(57,81,117)
```
#32507c
```
#32507c rgb(50,80,124)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#1e4c90
```
#1e4c90 rgb(30,76,144)
```
#184a96
```
#184a96 rgb(24,74,150)
```
#11499d
```
#11499d rgb(17,73,157)
```
#0a48a4
```
#0a48a4 rgb(10,72,164)
```
#0446aa
```
#0446aa rgb(4,70,170)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#414955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b548d Protanopia 1% of men
#24578e Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#33518c Protanomaly 1% of men, 0.01% of women
#24538c Deuteranomaly 6% of men, 0.4% of women
#0d5872 Tritanomaly 0.01% of the population

#254d89 hex color

#254d89 Color Information

#254d89 Color Conversion

Color Schemes with #254d89

Alternatives to #254d89

#254d89 Preview

Shades and Tints of #254d89

Tones of #254d89

Color Blindness Simulator