#254f84 hex color

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

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

● #254f84 color description : Dark blue.

The hexadecimal color #254f84 has RGB values of R:37, G:79, B:132 and CMYK values of C:0.72, M:0.4, Y:0, K:0.48. Its decimal value is 2445188.

Hex triplet	254f84	`#254f84`
RGB Decimal	37, 79, 132	`rgb(37,79,132)`
RGB Percent	14.5, 31, 51.8	`rgb(14.5%,31%,51.8%)`
CMYK	72, 40, 0, 48
HSL	213.5°, 56.2, 33.1	`hsl(213.5,56.2%,33.1%)`
HSV (or HSB)	213.5°, 72, 51.8
Web Safe	336699	`#336699`

CIE-LAB	33.244, 4.302, -34.031
XYZ	7.723, 7.651, 22.898
xyY	0.202, 0.2, 7.651
CIE-LCH	33.244, 34.302, 277.204
CIE-LUV	33.244, -15.669, -46.748
Hunter-Lab	27.66, 1.434, -29.721
Binary	00100101, 01001111, 10000100

#254f84
```
#254f84 rgb(37,79,132)
```
#845a25
```
#845a25 rgb(132,90,37)
```

Complementary Color

#257f84
```
#257f84 rgb(37,127,132)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#2b2584
```
#2b2584 rgb(43,37,132)
```

Analogous Color

#7f8425
```
#7f8425 rgb(127,132,37)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#842b25
```
#842b25 rgb(132,43,37)
```

Split Complementary Color

#4f8425
```
#4f8425 rgb(79,132,37)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#84254f
```
#84254f rgb(132,37,79)
```

Triadic Color

#25845a
```
#25845a rgb(37,132,90)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#84254f
```
#84254f rgb(132,37,79)
```
#845a25
```
#845a25 rgb(132,90,37)
```

Tetradic Color

#142b48
```
#142b48 rgb(20,43,72)
```
#1a375c
```
#1a375c rgb(26,55,92)
```
#1f4370
```
#1f4370 rgb(31,67,112)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#2b5b98
```
#2b5b98 rgb(43,91,152)
```
#3067ac
```
#3067ac rgb(48,103,172)
```
#3673c0
```
#3673c0 rgb(54,115,192)
```

Monochromatic Color

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

#256784
```
#256784 rgb(37,103,132)
```
#255f84
```
#255f84 rgb(37,95,132)
```
#255784
```
#255784 rgb(37,87,132)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#254784
```
#254784 rgb(37,71,132)
```
#253f84
```
#253f84 rgb(37,63,132)
```
#253784
```
#253784 rgb(37,55,132)
```

Similar Colors

Text with hexadecimal color #254f84

This text has a font color of #254f84.

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

#254f84 background color

This paragraph has a background color of #254f84.

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

#254f84 border color

This element has a border color of #254f84.

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

CSS codes

.text {color:#254f84;}

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

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

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)
```
#070f19
```
#070f19 rgb(7,15,25)
```
#0b1828
```
#0b1828 rgb(11,24,40)
```
#102137
```
#102137 rgb(16,33,55)
```
#142a47
```
#142a47 rgb(20,42,71)
```
#183356
```
#183356 rgb(24,51,86)
```
#1c3d65
```
#1c3d65 rgb(28,61,101)
```
#214675
```
#214675 rgb(33,70,117)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#295893
```
#295893 rgb(41,88,147)
```
#2e61a3
```
#2e61a3 rgb(46,97,163)
```
#326bb2
```
#326bb2 rgb(50,107,178)
```
#3674c1
```
#3674c1 rgb(54,116,193)
```

Shade Color Variation

#417eca
```
#417eca rgb(65,126,202)
```
#5188ce
```
#5188ce rgb(81,136,206)
```
#6093d2
```
#6093d2 rgb(96,147,210)
```
#6f9dd7
```
#6f9dd7 rgb(111,157,215)
```
#7fa7db
```
#7fa7db rgb(127,167,219)
```
#8eb2df
```
#8eb2df rgb(142,178,223)
```
#9dbce4
```
#9dbce4 rgb(157,188,228)
```
#adc7e8
```
#adc7e8 rgb(173,199,232)
```
#bcd1ec
```
#bcd1ec rgb(188,209,236)
```
#cbdcf0
```
#cbdcf0 rgb(203,220,240)
```
#dae6f5
```
#dae6f5 rgb(218,230,245)
```
#eaf1f9
```
#eaf1f9 rgb(234,241,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 #054ba5 is the most saturated one.

#535457
```
#535457 rgb(83,84,87)
```
#4c545d
```
#4c545d rgb(76,84,93)
```
#465364
```
#465364 rgb(70,83,100)
```
#3f526a
```
#3f526a rgb(63,82,106)
```
#395171
```
#395171 rgb(57,81,113)
```
#325177
```
#325177 rgb(50,81,119)
```
#2c507e
```
#2c507e rgb(44,80,126)
```
#254f84
```
#254f84 rgb(37,79,132)
```
#1f4e8b
```
#1f4e8b rgb(31,78,139)
```
#184d91
```
#184d91 rgb(24,77,145)
```
#124d98
```
#124d98 rgb(18,77,152)
```
#0b4c9e
```
#0b4c9e rgb(11,76,158)
```
#054ba5
```
#054ba5 rgb(5,75,165)
```

Tone Color Variation

Below, you can see how #254f84 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
#414954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415588 Protanopia 1% of men
#31578a Deuteranopia 1% of men
#005f66 Tritanopia 0.001% of the population

Trichromacy

#375386 Protanomaly 1% of men, 0.01% of women
#2d5488 Deuteranomaly 6% of men, 0.4% of women
#0d5971 Tritanomaly 0.01% of the population

#254f84 hex color

#254f84 Color Information

#254f84 Color Conversion

Color Schemes with #254f84

Alternatives to #254f84

#254f84 Preview

Shades and Tints of #254f84

Tones of #254f84

Color Blindness Simulator