#253ad5 hex color

In a RGB color space, hex #253ad5 is composed of 14.5% red, 22.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 72.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 232.8 degrees, a saturation of 70.4% and a lightness of 49%. #253ad5 color hex could be obtained by blending #4a74ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 23
- B 84
RGB color chart
- C 83
- M 73
- Y 0
- K 16
CMYK color chart

● #253ad5 color description : Strong blue.

The hexadecimal color #253ad5 has RGB values of R:37, G:58, B:213 and CMYK values of C:0.83, M:0.73, Y:0, K:0.16. Its decimal value is 2439893.

Hex triplet	253ad5	`#253ad5`
RGB Decimal	37, 58, 213	`rgb(37,58,213)`
RGB Percent	14.5, 22.7, 83.5	`rgb(14.5%,22.7%,83.5%)`
CMYK	83, 73, 0, 16
HSL	232.8°, 70.4, 49	`hsl(232.8,70.4%,49%)`
HSV (or HSB)	232.8°, 82.6, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.442, 48.408, -80.374
XYZ	14.284, 8.222, 63.781
xyY	0.166, 0.095, 8.222
CIE-LCH	34.442, 93.826, 301.06
CIE-LUV	34.442, -10.817, -108.973
Hunter-Lab	28.675, 38.735, -111.806
Binary	00100101, 00111010, 11010101

#253ad5
```
#253ad5 rgb(37,58,213)
```
#d5c025
```
#d5c025 rgb(213,192,37)
```

Complementary Color

#2592d5
```
#2592d5 rgb(37,146,213)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#6825d5
```
#6825d5 rgb(104,37,213)
```

Analogous Color

#92d525
```
#92d525 rgb(146,213,37)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#d56825
```
#d56825 rgb(213,104,37)
```

Split Complementary Color

#3ad525
```
#3ad525 rgb(58,213,37)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#d5253a
```
#d5253a rgb(213,37,58)
```

Triadic Color

#25d5c0
```
#25d5c0 rgb(37,213,192)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#d5253a
```
#d5253a rgb(213,37,58)
```
#d5c025
```
#d5c025 rgb(213,192,37)
```

Tetradic Color

#1a2894
```
#1a2894 rgb(26,40,148)
```
#1d2eaa
```
#1d2eaa rgb(29,46,170)
```
#2134bf
```
#2134bf rgb(33,52,191)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#374bdc
```
#374bdc rgb(55,75,220)
```
#4d5ee0
```
#4d5ee0 rgb(77,94,224)
```
#6372e4
```
#6372e4 rgb(99,114,228)
```

Monochromatic Color

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

#2566d5
```
#2566d5 rgb(37,102,213)
```
#2557d5
```
#2557d5 rgb(37,87,213)
```
#2549d5
```
#2549d5 rgb(37,73,213)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#252bd5
```
#252bd5 rgb(37,43,213)
```
#2d25d5
```
#2d25d5 rgb(45,37,213)
```
#3c25d5
```
#3c25d5 rgb(60,37,213)
```

Similar Colors

Text with hexadecimal color #253ad5

This text has a font color of #253ad5.

<span style="color:#253ad5;">Text here</span>

#253ad5 background color

This paragraph has a background color of #253ad5.

<p style="background-color:#253ad5;">Content here</p>

#253ad5 border color

This element has a border color of #253ad5.

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

CSS codes

.text {color:#253ad5;}

.background {background-color:#253ad5;}

.border {border:1px solid #253ad5;}

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, #02030c is the darkest color, while #fbfbfe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#05081d
```
#05081d rgb(5,8,29)
```
#080c2e
```
#080c2e rgb(8,12,46)
```
#0b113f
```
#0b113f rgb(11,17,63)
```
#0e164f
```
#0e164f rgb(14,22,79)
```
#111a60
```
#111a60 rgb(17,26,96)
```
#141f71
```
#141f71 rgb(20,31,113)
```
#162381
```
#162381 rgb(22,35,129)
```
#192892
```
#192892 rgb(25,40,146)
```
#1c2ca3
```
#1c2ca3 rgb(28,44,163)
```
#1f31b4
```
#1f31b4 rgb(31,49,180)
```
#2235c4
```
#2235c4 rgb(34,53,196)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```

Shade Color Variation

#3246db
```
#3246db rgb(50,70,219)
```
#4355de
```
#4355de rgb(67,85,222)
```
#5465e1
```
#5465e1 rgb(84,101,225)
```
#6474e4
```
#6474e4 rgb(100,116,228)
```
#7583e7
```
#7583e7 rgb(117,131,231)
```
#8692ea
```
#8692ea rgb(134,146,234)
```
#96a1ed
```
#96a1ed rgb(150,161,237)
```
#a7b0f0
```
#a7b0f0 rgb(167,176,240)
```
#b8bff3
```
#b8bff3 rgb(184,191,243)
```
#c9cef6
```
#c9cef6 rgb(201,206,246)
```
#d9ddf8
```
#d9ddf8 rgb(217,221,248)
```
#eaecfb
```
#eaecfb rgb(234,236,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7c7e is the less saturated color, while #0824f2 is the most saturated one.

#7c7c7e
```
#7c7c7e rgb(124,124,126)
```
#727588
```
#727588 rgb(114,117,136)
```
#686d92
```
#686d92 rgb(104,109,146)
```
#5f669b
```
#5f669b rgb(95,102,155)
```
#555fa5
```
#555fa5 rgb(85,95,165)
```
#4b57af
```
#4b57af rgb(75,87,175)
```
#4250b8
```
#4250b8 rgb(66,80,184)
```
#3849c2
```
#3849c2 rgb(56,73,194)
```
#2f41cb
```
#2f41cb rgb(47,65,203)
```
#253ad5
```
#253ad5 rgb(37,58,213)
```
#1b33df
```
#1b33df rgb(27,51,223)
```
#122be8
```
#122be8 rgb(18,43,232)
```
#0824f2
```
#0824f2 rgb(8,36,242)
```

Tone Color Variation

Below, you can see how #253ad5 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

#454545 Achromatopsia 0.005% of the population
#3f4362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0d4cb9 Protanomaly 1% of men, 0.01% of women
#0d50ab Deuteranomaly 6% of men, 0.4% of women
#0d548f Tritanomaly 0.01% of the population

#253ad5 hex color

#253ad5 Color Information

#253ad5 Color Conversion

Color Schemes with #253ad5

Alternatives to #253ad5

#253ad5 Preview

Shades and Tints of #253ad5

Tones of #253ad5

Color Blindness Simulator