#254eb2 hex color

In a RGB color space, hex #254eb2 is composed of 14.5% red, 30.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 56.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 222.6 degrees, a saturation of 65.6% and a lightness of 42.2%. #254eb2 color hex could be obtained by blending #4a9cff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 31
- B 70
RGB color chart
- C 79
- M 56
- Y 0
- K 30
CMYK color chart

● #254eb2 color description : Dark blue.

The hexadecimal color #254eb2 has RGB values of R:37, G:78, B:178 and CMYK values of C:0.79, M:0.56, Y:0, K:0.3. Its decimal value is 2444978.

Hex triplet	254eb2	`#254eb2`
RGB Decimal	37, 78, 178	`rgb(37,78,178)`
RGB Percent	14.5, 30.6, 69.8	`rgb(14.5%,30.6%,69.8%)`
CMYK	79, 56, 0, 30
HSL	222.6°, 65.6, 42.2	`hsl(222.6,65.6%,42.2%)`
HSV (or HSB)	222.6°, 79.2, 69.8
Web Safe	336699	`#336699`

CIE-LAB	36.091, 22.923, -57.215
XYZ	11.522, 9.056, 43.258
xyY	0.18, 0.142, 9.056
CIE-LCH	36.091, 61.636, 291.833
CIE-LUV	36.091, -14.799, -81.754
Hunter-Lab	30.093, 15.68, -64.164
Binary	00100101, 01001110, 10110010

#254eb2
```
#254eb2 rgb(37,78,178)
```
#b28925
```
#b28925 rgb(178,137,37)
```

Complementary Color

#2595b2
```
#2595b2 rgb(37,149,178)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#4225b2
```
#4225b2 rgb(66,37,178)
```

Analogous Color

#95b225
```
#95b225 rgb(149,178,37)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#b24225
```
#b24225 rgb(178,66,37)
```

Split Complementary Color

#4eb225
```
#4eb225 rgb(78,178,37)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#b2254e
```
#b2254e rgb(178,37,78)
```

Triadic Color

#25b289
```
#25b289 rgb(37,178,137)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#b2254e
```
#b2254e rgb(178,37,78)
```
#b28925
```
#b28925 rgb(178,137,37)
```

Tetradic Color

#183273
```
#183273 rgb(24,50,115)
```
#1c3b88
```
#1c3b88 rgb(28,59,136)
```
#21459d
```
#21459d rgb(33,69,157)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#2957c7
```
#2957c7 rgb(41,87,199)
```
#3564d5
```
#3564d5 rgb(53,100,213)
```
#4a74d9
```
#4a74d9 rgb(74,116,217)
```

Monochromatic Color

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

#2571b2
```
#2571b2 rgb(37,113,178)
```
#2566b2
```
#2566b2 rgb(37,102,178)
```
#255ab2
```
#255ab2 rgb(37,90,178)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#2542b2
```
#2542b2 rgb(37,66,178)
```
#2537b2
```
#2537b2 rgb(37,55,178)
```
#252bb2
```
#252bb2 rgb(37,43,178)
```

Similar Colors

Text with hexadecimal color #254eb2

This text has a font color of #254eb2.

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

#254eb2 background color

This paragraph has a background color of #254eb2.

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

#254eb2 border color

This element has a border color of #254eb2.

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

CSS codes

.text {color:#254eb2;}

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

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

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

#030710
```
#030710 rgb(3,7,16)
```
#070e20
```
#070e20 rgb(7,14,32)
```
#0a1530
```
#0a1530 rgb(10,21,48)
```
#0d1c40
```
#0d1c40 rgb(13,28,64)
```
#112351
```
#112351 rgb(17,35,81)
```
#142a61
```
#142a61 rgb(20,42,97)
```
#173271
```
#173271 rgb(23,50,113)
```
#1b3981
```
#1b3981 rgb(27,57,129)
```
#1e4092
```
#1e4092 rgb(30,64,146)
```
#2247a2
```
#2247a2 rgb(34,71,162)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#2855c2
```
#2855c2 rgb(40,85,194)
```
#2c5cd2
```
#2c5cd2 rgb(44,92,210)
```

Shade Color Variation

#3b69d6
```
#3b69d6 rgb(59,105,214)
```
#4c75da
```
#4c75da rgb(76,117,218)
```
#5c82dd
```
#5c82dd rgb(92,130,221)
```
#6c8ee0
```
#6c8ee0 rgb(108,142,224)
```
#7c9be4
```
#7c9be4 rgb(124,155,228)
```
#8da7e7
```
#8da7e7 rgb(141,167,231)
```
#9db4eb
```
#9db4eb rgb(157,180,235)
```
#adc0ee
```
#adc0ee rgb(173,192,238)
```
#bdcdf1
```
#bdcdf1 rgb(189,205,241)
```
#ced9f5
```
#ced9f5 rgb(206,217,245)
```
#dee6f8
```
#dee6f8 rgb(222,230,248)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a70 is the less saturated color, while #0440d3 is the most saturated one.

#676a70
```
#676a70 rgb(103,106,112)
```
#5f6678
```
#5f6678 rgb(95,102,120)
```
#576380
```
#576380 rgb(87,99,128)
```
#4e5f89
```
#4e5f89 rgb(78,95,137)
```
#465c91
```
#465c91 rgb(70,92,145)
```
#3e5899
```
#3e5899 rgb(62,88,153)
```
#3655a1
```
#3655a1 rgb(54,85,161)
```
#2d51aa
```
#2d51aa rgb(45,81,170)
```
#254eb2
```
#254eb2 rgb(37,78,178)
```
#1d4bba
```
#1d4bba rgb(29,75,186)
```
#1447c3
```
#1447c3 rgb(20,71,195)
```
#0c44cb
```
#0c44cb rgb(12,68,203)
```
#0440d3
```
#0440d3 rgb(4,64,211)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#454d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab2 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#0d56b2 Protanomaly 1% of men, 0.01% of women
#0d59a3 Deuteranomaly 6% of men, 0.4% of women
#0d5d86 Tritanomaly 0.01% of the population

#254eb2 hex color

#254eb2 Color Information

#254eb2 Color Conversion

Color Schemes with #254eb2

Alternatives to #254eb2

#254eb2 Preview

Shades and Tints of #254eb2

Tones of #254eb2

Color Blindness Simulator