#253f5a hex color

In a RGB color space, hex #253f5a is composed of 14.5% red, 24.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 30% magenta, 0% yellow and 64.7% black. It has a hue angle of 210.6 degrees, a saturation of 41.7% and a lightness of 24.9%. #253f5a color hex could be obtained by blending #4a7eb4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 15
- G 25
- B 35
RGB color chart
- C 59
- M 30
- Y 0
- K 65
CMYK color chart

● #253f5a color description : Very dark desaturated blue.

The hexadecimal color #253f5a has RGB values of R:37, G:63, B:90 and CMYK values of C:0.59, M:0.3, Y:0, K:0.65. Its decimal value is 2441050.

Hex triplet	253f5a	`#253f5a`
RGB Decimal	37, 63, 90	`rgb(37,63,90)`
RGB Percent	14.5, 24.7, 35.3	`rgb(14.5%,24.7%,35.3%)`
CMYK	59, 30, 0, 65
HSL	210.6°, 41.7, 24.9	`hsl(210.6,41.7%,24.9%)`
HSV (or HSB)	210.6°, 58.9, 35.3
Web Safe	333366	`#333366`

CIE-LAB	25.822, -0.931, -19.157
XYZ	4.385, 4.686, 10.346
xyY	0.226, 0.241, 4.686
CIE-LCH	25.822, 19.18, 267.218
CIE-LUV	25.822, -10.71, -23.289
Hunter-Lab	21.648, -1.722, -13.182
Binary	00100101, 00111111, 01011010

#253f5a
```
#253f5a rgb(37,63,90)
```
#5a4025
```
#5a4025 rgb(90,64,37)
```

Complementary Color

#255a5a
```
#255a5a rgb(37,90,90)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#26255a
```
#26255a rgb(38,37,90)
```

Analogous Color

#5a5a25
```
#5a5a25 rgb(90,90,37)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#5a2625
```
#5a2625 rgb(90,38,37)
```

Split Complementary Color

#3f5a25
```
#3f5a25 rgb(63,90,37)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#5a253f
```
#5a253f rgb(90,37,63)
```

Triadic Color

#255a40
```
#255a40 rgb(37,90,64)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#5a253f
```
#5a253f rgb(90,37,63)
```
#5a4025
```
#5a4025 rgb(90,64,37)
```

Tetradic Color

#0f1924
```
#0f1924 rgb(15,25,36)
```
#162636
```
#162636 rgb(22,38,54)
```
#1e3248
```
#1e3248 rgb(30,50,72)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#2c4c6c
```
#2c4c6c rgb(44,76,108)
```
#34587e
```
#34587e rgb(52,88,126)
```
#3b6590
```
#3b6590 rgb(59,101,144)
```

Monochromatic Color

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

#254c5a
```
#254c5a rgb(37,76,90)
```
#25485a
```
#25485a rgb(37,72,90)
```
#25435a
```
#25435a rgb(37,67,90)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#253b5a
```
#253b5a rgb(37,59,90)
```
#25365a
```
#25365a rgb(37,54,90)
```
#25325a
```
#25325a rgb(37,50,90)
```

Similar Colors

Text with hexadecimal color #253f5a

This text has a font color of #253f5a.

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

#253f5a background color

This paragraph has a background color of #253f5a.

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

#253f5a border color

This element has a border color of #253f5a.

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

CSS codes

.text {color:#253f5a;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```
#142230
```
#142230 rgb(20,34,48)
```
#1a2c3e
```
#1a2c3e rgb(26,44,62)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#2b4968
```
#2b4968 rgb(43,73,104)
```
#305276
```
#305276 rgb(48,82,118)
```
#365c84
```
#365c84 rgb(54,92,132)
```
#3c6692
```
#3c6692 rgb(60,102,146)
```
#4270a0
```
#4270a0 rgb(66,112,160)
```
#4779ad
```
#4779ad rgb(71,121,173)
```

Shade Color Variation

#5183b7
```
#5183b7 rgb(81,131,183)
```
#5f8dbd
```
#5f8dbd rgb(95,141,189)
```
#6d97c3
```
#6d97c3 rgb(109,151,195)
```
#7ba1c9
```
#7ba1c9 rgb(123,161,201)
```
#88abce
```
#88abce rgb(136,171,206)
```
#96b5d4
```
#96b5d4 rgb(150,181,212)
```
#a4beda
```
#a4beda rgb(164,190,218)
```
#b2c8df
```
#b2c8df rgb(178,200,223)
```
#c0d2e5
```
#c0d2e5 rgb(192,210,229)
```
#cedceb
```
#cedceb rgb(206,220,235)
```
#dce6f1
```
#dce6f1 rgb(220,230,241)
```
#eaf0f6
```
#eaf0f6 rgb(234,240,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3f42 is the less saturated color, while #033e7c is the most saturated one.

#3d3f42
```
#3d3f42 rgb(61,63,66)
```
#393f46
```
#393f46 rgb(57,63,70)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#2f3f50
```
#2f3f50 rgb(47,63,80)
```
#2a3f55
```
#2a3f55 rgb(42,63,85)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#1b3f64
```
#1b3f64 rgb(27,63,100)
```
#163f69
```
#163f69 rgb(22,63,105)
```
#113f6e
```
#113f6e rgb(17,63,110)
```
#0d3f72
```
#0d3f72 rgb(13,63,114)
```
#083e77
```
#083e77 rgb(8,62,119)
```
#033e7c
```
#033e7c rgb(3,62,124)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#363b40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4660 Protanopia 1% of men
#3b4663 Deuteranopia 1% of men
#284c51 Tritanopia 0.001% of the population

Trichromacy

#35435e Protanomaly 1% of men, 0.01% of women
#334360 Deuteranomaly 6% of men, 0.4% of women
#274754 Tritanomaly 0.01% of the population

#253f5a hex color

#253f5a Color Information

#253f5a Color Conversion

Color Schemes with #253f5a

Alternatives to #253f5a

#253f5a Preview

Shades and Tints of #253f5a

Tones of #253f5a

Color Blindness Simulator