#254d84 hex color

In a RGB color space, hex #254d84 is composed of 14.5% red, 30.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 41.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 214.7 degrees, a saturation of 56.2% and a lightness of 33.1%. #254d84 color hex could be obtained by blending #4a9aff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 30
- B 52
RGB color chart
- C 72
- M 42
- Y 0
- K 48
CMYK color chart

● #254d84 color description : Dark blue.

The hexadecimal color #254d84 has RGB values of R:37, G:77, B:132 and CMYK values of C:0.72, M:0.42, Y:0, K:0.48. Its decimal value is 2444676.

Hex triplet	254d84	`#254d84`
RGB Decimal	37, 77, 132	`rgb(37,77,132)`
RGB Percent	14.5, 30.2, 51.8	`rgb(14.5%,30.2%,51.8%)`
CMYK	72, 42, 0, 48
HSL	214.7°, 56.2, 33.1	`hsl(214.7,56.2%,33.1%)`
HSV (or HSB)	214.7°, 72, 51.8
Web Safe	336699	`#336699`

CIE-LAB	32.627, 5.627, -35.014
XYZ	7.581, 7.366, 22.851
xyY	0.201, 0.195, 7.366
CIE-LCH	32.627, 35.463, 279.129
CIE-LUV	32.627, -15, -47.971
Hunter-Lab	27.141, 2.359, -30.919
Binary	00100101, 01001101, 10000100

#254d84
```
#254d84 rgb(37,77,132)
```
#845c25
```
#845c25 rgb(132,92,37)
```

Complementary Color

#257d84
```
#257d84 rgb(37,125,132)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#2d2584
```
#2d2584 rgb(45,37,132)
```

Analogous Color

#7d8425
```
#7d8425 rgb(125,132,37)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#842d25
```
#842d25 rgb(132,45,37)
```

Split Complementary Color

#4d8425
```
#4d8425 rgb(77,132,37)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#84254d
```
#84254d rgb(132,37,77)
```

Triadic Color

#25845c
```
#25845c rgb(37,132,92)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#84254d
```
#84254d rgb(132,37,77)
```
#845c25
```
#845c25 rgb(132,92,37)
```

Tetradic Color

#142a48
```
#142a48 rgb(20,42,72)
```
#1a365c
```
#1a365c rgb(26,54,92)
```
#1f4170
```
#1f4170 rgb(31,65,112)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#2b5998
```
#2b5998 rgb(43,89,152)
```
#3064ac
```
#3064ac rgb(48,100,172)
```
#3670c0
```
#3670c0 rgb(54,112,192)
```

Monochromatic Color

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

#256584
```
#256584 rgb(37,101,132)
```
#255d84
```
#255d84 rgb(37,93,132)
```
#255584
```
#255584 rgb(37,85,132)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#254584
```
#254584 rgb(37,69,132)
```
#253d84
```
#253d84 rgb(37,61,132)
```
#253584
```
#253584 rgb(37,53,132)
```

Similar Colors

Text with hexadecimal color #254d84

This text has a font color of #254d84.

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

#254d84 background color

This paragraph has a background color of #254d84.

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

#254d84 border color

This element has a border color of #254d84.

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

CSS codes

.text {color:#254d84;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1728
```
#0b1728 rgb(11,23,40)
```
#102037
```
#102037 rgb(16,32,55)
```
#142947
```
#142947 rgb(20,41,71)
```
#183256
```
#183256 rgb(24,50,86)
```
#1c3b65
```
#1c3b65 rgb(28,59,101)
```
#214475
```
#214475 rgb(33,68,117)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#295693
```
#295693 rgb(41,86,147)
```
#2e5fa3
```
#2e5fa3 rgb(46,95,163)
```
#3268b2
```
#3268b2 rgb(50,104,178)
```
#3671c1
```
#3671c1 rgb(54,113,193)
```

Shade Color Variation

#417bca
```
#417bca rgb(65,123,202)
```
#5185ce
```
#5185ce rgb(81,133,206)
```
#6090d2
```
#6090d2 rgb(96,144,210)
```
#6f9bd7
```
#6f9bd7 rgb(111,155,215)
```
#7fa5db
```
#7fa5db rgb(127,165,219)
```
#8eb0df
```
#8eb0df rgb(142,176,223)
```
#9dbbe4
```
#9dbbe4 rgb(157,187,228)
```
#adc6e8
```
#adc6e8 rgb(173,198,232)
```
#bcd0ec
```
#bcd0ec rgb(188,208,236)
```
#cbdbf0
```
#cbdbf0 rgb(203,219,240)
```
#dae6f5
```
#dae6f5 rgb(218,230,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535457 is the less saturated color, while #0548a5 is the most saturated one.

#535457
```
#535457 rgb(83,84,87)
```
#4c535d
```
#4c535d rgb(76,83,93)
```
#465264
```
#465264 rgb(70,82,100)
```
#3f516a
```
#3f516a rgb(63,81,106)
```
#395071
```
#395071 rgb(57,80,113)
```
#324f77
```
#324f77 rgb(50,79,119)
```
#2c4e7e
```
#2c4e7e rgb(44,78,126)
```
#254d84
```
#254d84 rgb(37,77,132)
```
#1f4c8b
```
#1f4c8b rgb(31,76,139)
```
#184b91
```
#184b91 rgb(24,75,145)
```
#124a98
```
#124a98 rgb(18,74,152)
```
#0b499e
```
#0b499e rgb(11,73,158)
```
#0548a5
```
#0548a5 rgb(5,72,165)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#404853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5488 Protanopia 1% of men
#2c568a Deuteranopia 1% of men
#005e65 Tritanopia 0.001% of the population

Trichromacy

#355187 Protanomaly 1% of men, 0.01% of women
#2a5387 Deuteranomaly 6% of men, 0.4% of women
#0d5870 Tritanomaly 0.01% of the population

#254d84 hex color

#254d84 Color Information

#254d84 Color Conversion

Color Schemes with #254d84

Alternatives to #254d84

#254d84 Preview

Shades and Tints of #254d84

Tones of #254d84

Color Blindness Simulator