colorhexa.com

#254b81 hex color

In a RGB color space, hex #254b81 is composed of 14.5% red, 29.4% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 41.9% magenta, 0% yellow and 49.4% black. It has a hue angle of 215.2 degrees, a saturation of 55.4% and a lightness of 32.5%. #254b81 color hex could be obtained by blending #4a96ff with #000003. Closest websafe color is: #333399.

- R 15
- G 29
- B 51
RGB color chart
- C 71
- M 42
- Y 0
- K 49
CMYK color chart

● #254b81 color description : Dark blue.

The hexadecimal color #254b81 has RGB values of R:37, G:75, B:129 and CMYK values of C:0.71, M:0.42, Y:0, K:0.49. Its decimal value is 2444161.

Hex triplet	254b81	`#254b81`
RGB Decimal	37, 75, 129	`rgb(37,75,129)`
RGB Percent	14.5, 29.4, 50.6	`rgb(14.5%,29.4%,50.6%)`
CMYK	71, 42, 0, 49
HSL	215.2°, 55.4, 32.5	`hsl(215.2,55.4%,32.5%)`
HSV (or HSB)	215.2°, 71.3, 50.6
Web Safe	333399	`#333399`

CIE-LAB	31.83, 5.796, -34.429
XYZ	7.241, 7.01, 21.739
xyY	0.201, 0.195, 7.01
CIE-LCH	31.83, 34.913, 279.555
CIE-LUV	31.83, -14.387, -46.806
Hunter-Lab	26.476, 2.482, -30.148
Binary	00100101, 01001011, 10000001

#254b81
```
#254b81 rgb(37,75,129)
```
#815b25
```
#815b25 rgb(129,91,37)
```

Complementary Color

#257981
```
#257981 rgb(37,121,129)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#2d2581
```
#2d2581 rgb(45,37,129)
```

Analogous Color

#798125
```
#798125 rgb(121,129,37)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#812d25
```
#812d25 rgb(129,45,37)
```

Split Complementary Color

#4b8125
```
#4b8125 rgb(75,129,37)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#81254b
```
#81254b rgb(129,37,75)
```

Triadic Color

#142846
```
#142846 rgb(20,40,70)
```
#1a3459
```
#1a3459 rgb(26,52,89)
```
#1f3f6d
```
#1f3f6d rgb(31,63,109)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#2b5795
```
#2b5795 rgb(43,87,149)
```
#3062a9
```
#3062a9 rgb(48,98,169)
```
#366ebc
```
#366ebc rgb(54,110,188)
```

Monochromatic Color

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

#256281
```
#256281 rgb(37,98,129)
```
#255a81
```
#255a81 rgb(37,90,129)
```
#255381
```
#255381 rgb(37,83,129)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#254381
```
#254381 rgb(37,67,129)
```
#253c81
```
#253c81 rgb(37,60,129)
```
#253481
```
#253481 rgb(37,52,129)
```

Similar Colors

Text with hexadecimal color #254b81

This text has a font color of #254b81.

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

#254b81 background color

This paragraph has a background color of #254b81.

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

#254b81 border color

This element has a border color of #254b81.

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

CSS codes

.text {color:#254b81;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060d16
```
#060d16 rgb(6,13,22)
```
#0b1626
```
#0b1626 rgb(11,22,38)
```
#0f1f35
```
#0f1f35 rgb(15,31,53)
```
#142844
```
#142844 rgb(20,40,68)
```
#183053
```
#183053 rgb(24,48,83)
```
#1c3963
```
#1c3963 rgb(28,57,99)
```
#214272
```
#214272 rgb(33,66,114)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#295490
```
#295490 rgb(41,84,144)
```
#2e5d9f
```
#2e5d9f rgb(46,93,159)
```
#3266af
```
#3266af rgb(50,102,175)
```
#366ebe
```
#366ebe rgb(54,110,190)
```

Shade Color Variation

#4078c8
```
#4078c8 rgb(64,120,200)
```
#4f83cd
```
#4f83cd rgb(79,131,205)
```
#5e8ed1
```
#5e8ed1 rgb(94,142,209)
```
#6e98d5
```
#6e98d5 rgb(110,152,213)
```
#7da3da
```
#7da3da rgb(125,163,218)
```
#8caede
```
#8caede rgb(140,174,222)
```
#9bb9e2
```
#9bb9e2 rgb(155,185,226)
```
#abc3e7
```
#abc3e7 rgb(171,195,231)
```
#baceeb
```
#baceeb rgb(186,206,235)
```
#c9d9f0
```
#c9d9f0 rgb(201,217,240)
```
#d8e4f4
```
#d8e4f4 rgb(216,228,244)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#525354
```
#525354 rgb(82,83,84)
```
#4b525b
```
#4b525b rgb(75,82,91)
```
#455161
```
#455161 rgb(69,81,97)
```
#3f4f67
```
#3f4f67 rgb(63,79,103)
```
#384e6e
```
#384e6e rgb(56,78,110)
```
#324d74
```
#324d74 rgb(50,77,116)
```
#2b4c7b
```
#2b4c7b rgb(43,76,123)
```
#254b81
```
#254b81 rgb(37,75,129)
```
#1f4a87
```
#1f4a87 rgb(31,74,135)
```
#18498e
```
#18498e rgb(24,73,142)
```
#124894
```
#124894 rgb(18,72,148)
```
#0b479b
```
#0b479b rgb(11,71,155)
```
#0545a1
```
#0545a1 rgb(5,69,161)
```

Tone Color Variation

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

Dichromacy

#3c5286 Protanopia 1% of men
#2c5487 Deuteranopia 1% of men
#005c63 Tritanopia 0.001% of the population

Trichromacy

#344f84 Protanomaly 1% of men, 0.01% of women
#295185 Deuteranomaly 6% of men, 0.4% of women
#0d566d Tritanomaly 0.01% of the population