#253a46 hex color

In a RGB color space, hex #253a46 is composed of 14.5% red, 22.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 17.1% magenta, 0% yellow and 72.5% black. It has a hue angle of 201.8 degrees, a saturation of 30.8% and a lightness of 21%. #253a46 color hex could be obtained by blending #4a748c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 15
- G 23
- B 27
RGB color chart
- C 47
- M 17
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #253a46 has RGB values of R:37, G:58, B:70 and CMYK values of C:0.47, M:0.17, Y:0, K:0.73. Its decimal value is 2439750.

Hex triplet	253a46	`#253a46`
RGB Decimal	37, 58, 70	`rgb(37,58,70)`
RGB Percent	14.5, 22.7, 27.5	`rgb(14.5%,22.7%,27.5%)`
CMYK	47, 17, 0, 73
HSL	201.8°, 30.8, 21	`hsl(201.8,30.8%,21%)`
HSV (or HSB)	201.8°, 47.1, 27.5
Web Safe	333333	`#333333`

CIE-LAB	23.208, -4.557, -10.005
XYZ	3.381, 3.861, 6.361
xyY	0.249, 0.284, 3.861
CIE-LCH	23.208, 10.994, 245.511
CIE-LUV	23.208, -8.928, -10.865
Hunter-Lab	19.651, -3.674, -5.438
Binary	00100101, 00111010, 01000110

#253a46
```
#253a46 rgb(37,58,70)
```
#463125
```
#463125 rgb(70,49,37)
```

Complementary Color

#254642
```
#254642 rgb(37,70,66)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#252a46
```
#252a46 rgb(37,42,70)
```

Analogous Color

#464225
```
#464225 rgb(70,66,37)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#46252a
```
#46252a rgb(70,37,42)
```

Split Complementary Color

#3a4625
```
#3a4625 rgb(58,70,37)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#46253a
```
#46253a rgb(70,37,58)
```

Triadic Color

#254631
```
#254631 rgb(37,70,49)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#46253a
```
#46253a rgb(70,37,58)
```
#463125
```
#463125 rgb(70,49,37)
```

Tetradic Color

#0b1114
```
#0b1114 rgb(11,17,20)
```
#131e25
```
#131e25 rgb(19,30,37)
```
#1c2c35
```
#1c2c35 rgb(28,44,53)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#2e4857
```
#2e4857 rgb(46,72,87)
```
#375667
```
#375667 rgb(55,86,103)
```
#3f6378
```
#3f6378 rgb(63,99,120)
```

Monochromatic Color

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

#254246
```
#254246 rgb(37,66,70)
```
#254046
```
#254046 rgb(37,64,70)
```
#253d46
```
#253d46 rgb(37,61,70)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#253746
```
#253746 rgb(37,55,70)
```
#253546
```
#253546 rgb(37,53,70)
```
#253246
```
#253246 rgb(37,50,70)
```

Similar Colors

Text with hexadecimal color #253a46

This text has a font color of #253a46.

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

#253a46 background color

This paragraph has a background color of #253a46.

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

#253a46 border color

This element has a border color of #253a46.

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

CSS codes

.text {color:#253a46;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0f13
```
#0a0f13 rgb(10,15,19)
```
#111a20
```
#111a20 rgb(17,26,32)
```
#17252c
```
#17252c rgb(23,37,44)
```
#1e2f39
```
#1e2f39 rgb(30,47,57)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#2c4553
```
#2c4553 rgb(44,69,83)
```
#334f60
```
#334f60 rgb(51,79,96)
```
#395a6c
```
#395a6c rgb(57,90,108)
```
#406579
```
#406579 rgb(64,101,121)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#4e7a93
```
#4e7a93 rgb(78,122,147)
```
#5484a0
```
#5484a0 rgb(84,132,160)
```

Shade Color Variation

#5e8eaa
```
#5e8eaa rgb(94,142,170)
```
#6b97b1
```
#6b97b1 rgb(107,151,177)
```
#78a0b7
```
#78a0b7 rgb(120,160,183)
```
#85a9be
```
#85a9be rgb(133,169,190)
```
#91b2c5
```
#91b2c5 rgb(145,178,197)
```
#9ebbcc
```
#9ebbcc rgb(158,187,204)
```
#abc4d3
```
#abc4d3 rgb(171,196,211)
```
#b8cdd9
```
#b8cdd9 rgb(184,205,217)
```
#c5d6e0
```
#c5d6e0 rgb(197,214,224)
```
#d2dfe7
```
#d2dfe7 rgb(210,223,231)
```
#dee8ee
```
#dee8ee rgb(222,232,238)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#353636
```
#353636 rgb(53,54,54)
```
#31373a
```
#31373a rgb(49,55,58)
```
#2d383e
```
#2d383e rgb(45,56,62)
```
#293942
```
#293942 rgb(41,57,66)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#213b4a
```
#213b4a rgb(33,59,74)
```
#1d3c4e
```
#1d3c4e rgb(29,60,78)
```
#193d52
```
#193d52 rgb(25,61,82)
```
#153e56
```
#153e56 rgb(21,62,86)
```
#10405b
```
#10405b rgb(16,64,91)
```
#0c415f
```
#0c415f rgb(12,65,95)
```
#084263
```
#084263 rgb(8,66,99)
```
#044367
```
#044367 rgb(4,67,103)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#323638 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e414d Protanopia 1% of men
#3f4050 Deuteranopia 1% of men
#2e454a Tritanopia 0.001% of the population

Trichromacy

#353e4a Protanomaly 1% of men, 0.01% of women
#353e4c Deuteranomaly 6% of men, 0.4% of women
#2b4148 Tritanomaly 0.01% of the population

#253a46 hex color

#253a46 Color Information

#253a46 Color Conversion

Color Schemes with #253a46

Alternatives to #253a46

#253a46 Preview

Shades and Tints of #253a46

Tones of #253a46

Color Blindness Simulator