#253f80 hex color

In a RGB color space, hex #253f80 is composed of 14.5% red, 24.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 50.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 222.9 degrees, a saturation of 55.2% and a lightness of 32.4%. #253f80 color hex could be obtained by blending #4a7eff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 25
- B 50
RGB color chart
- C 71
- M 51
- Y 0
- K 50
CMYK color chart

● #253f80 color description : Dark blue.

The hexadecimal color #253f80 has RGB values of R:37, G:63, B:128 and CMYK values of C:0.71, M:0.51, Y:0, K:0.5. Its decimal value is 2441088.

Hex triplet	253f80	`#253f80`
RGB Decimal	37, 63, 128	`rgb(37,63,128)`
RGB Percent	14.5, 24.7, 50.2	`rgb(14.5%,24.7%,50.2%)`
CMYK	71, 51, 0, 50
HSL	222.9°, 55.2, 32.4	`hsl(222.9,55.2%,32.4%)`
HSV (or HSB)	222.9°, 71.1, 50.2
Web Safe	333399	`#333399`

CIE-LAB	28.131, 13.573, -39.729
XYZ	6.436, 5.506, 21.145
xyY	0.195, 0.166, 5.506
CIE-LCH	28.131, 41.984, 288.863
CIE-LUV	28.131, -10.602, -52.404
Hunter-Lab	23.466, 7.892, -36.999
Binary	00100101, 00111111, 10000000

#253f80
```
#253f80 rgb(37,63,128)
```
#806625
```
#806625 rgb(128,102,37)
```

Complementary Color

#256d80
```
#256d80 rgb(37,109,128)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#392580
```
#392580 rgb(57,37,128)
```

Analogous Color

#6d8025
```
#6d8025 rgb(109,128,37)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#803925
```
#803925 rgb(128,57,37)
```

Split Complementary Color

#3f8025
```
#3f8025 rgb(63,128,37)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#80253f
```
#80253f rgb(128,37,63)
```

Triadic Color

#258066
```
#258066 rgb(37,128,102)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#80253f
```
#80253f rgb(128,37,63)
```
#806625
```
#806625 rgb(128,102,37)
```

Tetradic Color

#142245
```
#142245 rgb(20,34,69)
```
#1a2c58
```
#1a2c58 rgb(26,44,88)
```
#1f356c
```
#1f356c rgb(31,53,108)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#2b4994
```
#2b4994 rgb(43,73,148)
```
#3052a8
```
#3052a8 rgb(48,82,168)
```
#365cbb
```
#365cbb rgb(54,92,187)
```

Monochromatic Color

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

#255680
```
#255680 rgb(37,86,128)
```
#254e80
```
#254e80 rgb(37,78,128)
```
#254780
```
#254780 rgb(37,71,128)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#253780
```
#253780 rgb(37,55,128)
```
#253080
```
#253080 rgb(37,48,128)
```
#252880
```
#252880 rgb(37,40,128)
```

Similar Colors

Text with hexadecimal color #253f80

This text has a font color of #253f80.

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

#253f80 background color

This paragraph has a background color of #253f80.

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

#253f80 border color

This element has a border color of #253f80.

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

CSS codes

.text {color:#253f80;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0b1225
```
#0b1225 rgb(11,18,37)
```
#0f1a34
```
#0f1a34 rgb(15,26,52)
```
#132143
```
#132143 rgb(19,33,67)
```
#182952
```
#182952 rgb(24,41,82)
```
#1c3062
```
#1c3062 rgb(28,48,98)
```
#213871
```
#213871 rgb(33,56,113)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#29468f
```
#29468f rgb(41,70,143)
```
#2e4e9e
```
#2e4e9e rgb(46,78,158)
```
#3255ae
```
#3255ae rgb(50,85,174)
```
#375dbd
```
#375dbd rgb(55,93,189)
```

Shade Color Variation

#3f66c8
```
#3f66c8 rgb(63,102,200)
```
#4f72cc
```
#4f72cc rgb(79,114,204)
```
#5e7fd0
```
#5e7fd0 rgb(94,127,208)
```
#6d8bd5
```
#6d8bd5 rgb(109,139,213)
```
#7c97d9
```
#7c97d9 rgb(124,151,217)
```
#8ca3de
```
#8ca3de rgb(140,163,222)
```
#9bafe2
```
#9bafe2 rgb(155,175,226)
```
#aabbe6
```
#aabbe6 rgb(170,187,230)
```
#b9c7eb
```
#b9c7eb rgb(185,199,235)
```
#c8d3ef
```
#c8d3ef rgb(200,211,239)
```
#d8e0f4
```
#d8e0f4 rgb(216,224,244)
```
#e7ecf8
```
#e7ecf8 rgb(231,236,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#515254
```
#515254 rgb(81,82,84)
```
#4b4f5a
```
#4b4f5a rgb(75,79,90)
```
#454d60
```
#454d60 rgb(69,77,96)
```
#3e4a67
```
#3e4a67 rgb(62,74,103)
```
#38476d
```
#38476d rgb(56,71,109)
```
#324473
```
#324473 rgb(50,68,115)
```
#2b427a
```
#2b427a rgb(43,66,122)
```
#253f80
```
#253f80 rgb(37,63,128)
```
#1f3c86
```
#1f3c86 rgb(31,60,134)
```
#183a8d
```
#183a8d rgb(24,58,141)
```
#123793
```
#123793 rgb(18,55,147)
```
#0c3499
```
#0c3499 rgb(12,52,153)
```
#0531a0
```
#0531a0 rgb(5,49,160)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3a3f4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#264a87 Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#254684 Protanomaly 1% of men, 0.01% of women
#0d4880 Deuteranomaly 6% of men, 0.4% of women
#0d4c67 Tritanomaly 0.01% of the population

#253f80 hex color

#253f80 Color Information

#253f80 Color Conversion

Color Schemes with #253f80

Alternatives to #253f80

#253f80 Preview

Shades and Tints of #253f80

Tones of #253f80

Color Blindness Simulator