#254ba5 hex color

In a RGB color space, hex #254ba5 is composed of 14.5% red, 29.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 54.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 222.2 degrees, a saturation of 63.4% and a lightness of 39.6%. #254ba5 color hex could be obtained by blending #4a96ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 29
- B 65
RGB color chart
- C 78
- M 55
- Y 0
- K 35
CMYK color chart

● #254ba5 color description : Dark blue.

The hexadecimal color #254ba5 has RGB values of R:37, G:75, B:165 and CMYK values of C:0.78, M:0.55, Y:0, K:0.35. Its decimal value is 2444197.

Hex triplet	254ba5	`#254ba5`
RGB Decimal	37, 75, 165	`rgb(37,75,165)`
RGB Percent	14.5, 29.4, 64.7	`rgb(14.5%,29.4%,64.7%)`
CMYK	78, 55, 0, 35
HSL	222.2°, 63.4, 39.6	`hsl(222.2,63.4%,39.6%)`
HSV (or HSB)	222.2°, 77.6, 64.7
Web Safe	333399	`#333399`

CIE-LAB	34.276, 19.88, -52.424
XYZ	10.069, 8.141, 36.636
xyY	0.184, 0.148, 8.141
CIE-LCH	34.276, 56.067, 290.768
CIE-LUV	34.276, -14.025, -73.824
Hunter-Lab	28.533, 13.058, -56.154
Binary	00100101, 01001011, 10100101

#254ba5
```
#254ba5 rgb(37,75,165)
```
#a57f25
```
#a57f25 rgb(165,127,37)
```

Complementary Color

#258ba5
```
#258ba5 rgb(37,139,165)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#3f25a5
```
#3f25a5 rgb(63,37,165)
```

Analogous Color

#8ba525
```
#8ba525 rgb(139,165,37)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#a53f25
```
#a53f25 rgb(165,63,37)
```

Split Complementary Color

#4ba525
```
#4ba525 rgb(75,165,37)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#a5254b
```
#a5254b rgb(165,37,75)
```

Triadic Color

#25a57f
```
#25a57f rgb(37,165,127)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#a5254b
```
#a5254b rgb(165,37,75)
```
#a57f25
```
#a57f25 rgb(165,127,37)
```

Tetradic Color

#172f67
```
#172f67 rgb(23,47,103)
```
#1c387b
```
#1c387b rgb(28,56,123)
```
#204290
```
#204290 rgb(32,66,144)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#2a54ba
```
#2a54ba rgb(42,84,186)
```
#2e5ecf
```
#2e5ecf rgb(46,94,207)
```
#426dd5
```
#426dd5 rgb(66,109,213)
```

Monochromatic Color

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

#256ba5
```
#256ba5 rgb(37,107,165)
```
#2560a5
```
#2560a5 rgb(37,96,165)
```
#2556a5
```
#2556a5 rgb(37,86,165)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#2540a5
```
#2540a5 rgb(37,64,165)
```
#2536a5
```
#2536a5 rgb(37,54,165)
```
#252ba5
```
#252ba5 rgb(37,43,165)
```

Similar Colors

Text with hexadecimal color #254ba5

This text has a font color of #254ba5.

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

#254ba5 background color

This paragraph has a background color of #254ba5.

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

#254ba5 border color

This element has a border color of #254ba5.

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

CSS codes

.text {color:#254ba5;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050915
```
#050915 rgb(5,9,21)
```
#081125
```
#081125 rgb(8,17,37)
```
#0c1835
```
#0c1835 rgb(12,24,53)
```
#0f1f45
```
#0f1f45 rgb(15,31,69)
```
#132755
```
#132755 rgb(19,39,85)
```
#172e65
```
#172e65 rgb(23,46,101)
```
#1a3575
```
#1a3575 rgb(26,53,117)
```
#1e3c85
```
#1e3c85 rgb(30,60,133)
```
#214495
```
#214495 rgb(33,68,149)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#2952b5
```
#2952b5 rgb(41,82,181)
```
#2c5ac5
```
#2c5ac5 rgb(44,90,197)
```

Shade Color Variation

#3362d1
```
#3362d1 rgb(51,98,209)
```
#446fd5
```
#446fd5 rgb(68,111,213)
```
#547bd9
```
#547bd9 rgb(84,123,217)
```
#6487dc
```
#6487dc rgb(100,135,220)
```
#7494e0
```
#7494e0 rgb(116,148,224)
```
#84a0e3
```
#84a0e3 rgb(132,160,227)
```
#94ace7
```
#94ace7 rgb(148,172,231)
```
#a4b9eb
```
#a4b9eb rgb(164,185,235)
```
#b4c5ee
```
#b4c5ee rgb(180,197,238)
```
#c4d1f2
```
#c4d1f2 rgb(196,209,242)
```
#d4def5
```
#d4def5 rgb(212,222,245)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#636467
```
#636467 rgb(99,100,103)
```
#5b616f
```
#5b616f rgb(91,97,111)
```
#545e76
```
#545e76 rgb(84,94,118)
```
#4c5b7e
```
#4c5b7e rgb(76,91,126)
```
#445886
```
#445886 rgb(68,88,134)
```
#3c548e
```
#3c548e rgb(60,84,142)
```
#355195
```
#355195 rgb(53,81,149)
```
#2d4e9d
```
#2d4e9d rgb(45,78,157)
```
#254ba5
```
#254ba5 rgb(37,75,165)
```
#1d48ad
```
#1d48ad rgb(29,72,173)
```
#1545b5
```
#1545b5 rgb(21,69,181)
```
#0e42bc
```
#0e42bc rgb(14,66,188)
```
#063ec4
```
#063ec4 rgb(6,62,196)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#434a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056aa Protanopia 1% of men
#005b95 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#0d52a8 Protanomaly 1% of men, 0.01% of women
#0d559b Deuteranomaly 6% of men, 0.4% of women
#0d597e Tritanomaly 0.01% of the population

#254ba5 hex color

#254ba5 Color Information

#254ba5 Color Conversion

Color Schemes with #254ba5

Alternatives to #254ba5

#254ba5 Preview

Shades and Tints of #254ba5

Tones of #254ba5

Color Blindness Simulator