#253f48 hex color

In a RGB color space, hex #253f48 is composed of 14.5% red, 24.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 12.5% magenta, 0% yellow and 71.8% black. It has a hue angle of 195.4 degrees, a saturation of 32.1% and a lightness of 21.4%. #253f48 color hex could be obtained by blending #4a7e90 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 15
- G 25
- B 28
RGB color chart
- C 49
- M 13
- Y 0
- K 72
CMYK color chart

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

The hexadecimal color #253f48 has RGB values of R:37, G:63, B:72 and CMYK values of C:0.49, M:0.13, Y:0, K:0.72. Its decimal value is 2441032.

Hex triplet	253f48	`#253f48`
RGB Decimal	37, 63, 72	`rgb(37,63,72)`
RGB Percent	14.5, 24.7, 28.2	`rgb(14.5%,24.7%,28.2%)`
CMYK	49, 13, 0, 72
HSL	195.4°, 32.1, 21.4	`hsl(195.4,32.1%,21.4%)`
HSV (or HSB)	195.4°, 48.6, 28.2
Web Safe	333333	`#333333`

CIE-LAB	25.002, -7.125, -8.608
XYZ	3.71, 4.416, 6.787
xyY	0.249, 0.296, 4.416
CIE-LCH	25.002, 11.174, 230.388
CIE-LUV	25.002, -10.897, -9.186
Hunter-Lab	21.014, -5.263, -4.44
Binary	00100101, 00111111, 01001000

#253f48
```
#253f48 rgb(37,63,72)
```
#482e25
```
#482e25 rgb(72,46,37)
```

Complementary Color

#254840
```
#254840 rgb(37,72,64)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#252e48
```
#252e48 rgb(37,46,72)
```

Analogous Color

#484025
```
#484025 rgb(72,64,37)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#48252e
```
#48252e rgb(72,37,46)
```

Split Complementary Color

#3f4825
```
#3f4825 rgb(63,72,37)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#48253f
```
#48253f rgb(72,37,63)
```

Triadic Color

#25482e
```
#25482e rgb(37,72,46)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#48253f
```
#48253f rgb(72,37,63)
```
#482e25
```
#482e25 rgb(72,46,37)
```

Tetradic Color

#0b1315
```
#0b1315 rgb(11,19,21)
```
#142226
```
#142226 rgb(20,34,38)
```
#1c3037
```
#1c3037 rgb(28,48,55)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#2e4e59
```
#2e4e59 rgb(46,78,89)
```
#365c6a
```
#365c6a rgb(54,92,106)
```
#3f6b7b
```
#3f6b7b rgb(63,107,123)
```

Monochromatic Color

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

#254848
```
#254848 rgb(37,72,72)
```
#254548
```
#254548 rgb(37,69,72)
```
#254248
```
#254248 rgb(37,66,72)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#253c48
```
#253c48 rgb(37,60,72)
```
#253948
```
#253948 rgb(37,57,72)
```
#253648
```
#253648 rgb(37,54,72)
```

Similar Colors

Text with hexadecimal color #253f48

This text has a font color of #253f48.

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

#253f48 background color

This paragraph has a background color of #253f48.

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

#253f48 border color

This element has a border color of #253f48.

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

CSS codes

.text {color:#253f48;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0a1214
```
#0a1214 rgb(10,18,20)
```
#111d21
```
#111d21 rgb(17,29,33)
```
#18282e
```
#18282e rgb(24,40,46)
```
#1e343b
```
#1e343b rgb(30,52,59)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#2c4a55
```
#2c4a55 rgb(44,74,85)
```
#325662
```
#325662 rgb(50,86,98)
```
#39616f
```
#39616f rgb(57,97,111)
```
#406c7c
```
#406c7c rgb(64,108,124)
```
#467889
```
#467889 rgb(70,120,137)
```
#4d8396
```
#4d8396 rgb(77,131,150)
```
#548ea3
```
#548ea3 rgb(84,142,163)
```

Shade Color Variation

#5e98ac
```
#5e98ac rgb(94,152,172)
```
#6ba0b3
```
#6ba0b3 rgb(107,160,179)
```
#78a9b9
```
#78a9b9 rgb(120,169,185)
```
#85b1c0
```
#85b1c0 rgb(133,177,192)
```
#92b9c7
```
#92b9c7 rgb(146,185,199)
```
#9fc1cd
```
#9fc1cd rgb(159,193,205)
```
#accad4
```
#accad4 rgb(172,202,212)
```
#b8d2db
```
#b8d2db rgb(184,210,219)
```
#c5dae1
```
#c5dae1 rgb(197,218,225)
```
#d2e2e8
```
#d2e2e8 rgb(210,226,232)
```
#dfebef
```
#dfebef rgb(223,235,239)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#363737
```
#363737 rgb(54,55,55)
```
#32393b
```
#32393b rgb(50,57,59)
```
#2d3b40
```
#2d3b40 rgb(45,59,64)
```
#293d44
```
#293d44 rgb(41,61,68)
```
#253f48
```
#253f48 rgb(37,63,72)
```
#21414c
```
#21414c rgb(33,65,76)
```
#1d4350
```
#1d4350 rgb(29,67,80)
```
#184555
```
#184555 rgb(24,69,85)
```
#144759
```
#144759 rgb(20,71,89)
```
#10495d
```
#10495d rgb(16,73,93)
```
#0c4b61
```
#0c4b61 rgb(12,75,97)
```
#084d65
```
#084d65 rgb(8,77,101)
```
#034f6a
```
#034f6a rgb(3,79,106)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#34393b Atypical Achromatopsia 0.001% of the population

Dichromacy

#43444f Protanopia 1% of men
#444453 Deuteranopia 1% of men
#2f494e Tritanopia 0.001% of the population

Trichromacy

#38424c Protanomaly 1% of men, 0.01% of women
#39424f Deuteranomaly 6% of men, 0.4% of women
#2b454c Tritanomaly 0.01% of the population

#253f48 hex color

#253f48 Color Information

#253f48 Color Conversion

Color Schemes with #253f48

Alternatives to #253f48

#253f48 Preview

Shades and Tints of #253f48

Tones of #253f48

Color Blindness Simulator