#253f66 hex color

In a RGB color space, hex #253f66 is composed of 14.5% red, 24.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 38.2% magenta, 0% yellow and 60% black. It has a hue angle of 216 degrees, a saturation of 46.8% and a lightness of 27.3%. #253f66 color hex could be obtained by blending #4a7ecc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 15
- G 25
- B 40
RGB color chart
- C 64
- M 38
- Y 0
- K 60
CMYK color chart

● #253f66 color description : Very dark blue.

The hexadecimal color #253f66 has RGB values of R:37, G:63, B:102 and CMYK values of C:0.64, M:0.38, Y:0, K:0.6. Its decimal value is 2441062.

Hex triplet	253f66	`#253f66`
RGB Decimal	37, 63, 102	`rgb(37,63,102)`
RGB Percent	14.5, 24.7, 40	`rgb(14.5%,24.7%,40%)`
CMYK	64, 38, 0, 60
HSL	216°, 46.8, 27.3	`hsl(216,46.8%,27.3%)`
HSV (or HSB)	216°, 63.7, 40
Web Safe	333366	`#333366`

CIE-LAB	26.469, 3.515, -25.903
XYZ	4.938, 4.907, 13.257
xyY	0.214, 0.212, 4.907
CIE-LCH	26.469, 26.141, 277.729
CIE-LUV	26.469, -10.63, -32.708
Hunter-Lab	22.153, 1.024, -19.974
Binary	00100101, 00111111, 01100110

#253f66
```
#253f66 rgb(37,63,102)
```
#664c25
```
#664c25 rgb(102,76,37)
```

Complementary Color

#256066
```
#256066 rgb(37,96,102)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#2c2566
```
#2c2566 rgb(44,37,102)
```

Analogous Color

#606625
```
#606625 rgb(96,102,37)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#662c25
```
#662c25 rgb(102,44,37)
```

Split Complementary Color

#3f6625
```
#3f6625 rgb(63,102,37)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#66253f
```
#66253f rgb(102,37,63)
```

Triadic Color

#25664c
```
#25664c rgb(37,102,76)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#66253f
```
#66253f rgb(102,37,63)
```
#664c25
```
#664c25 rgb(102,76,37)
```

Tetradic Color

#111c2e
```
#111c2e rgb(17,28,46)
```
#172841
```
#172841 rgb(23,40,65)
```
#1e3353
```
#1e3353 rgb(30,51,83)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#2c4b79
```
#2c4b79 rgb(44,75,121)
```
#33568b
```
#33568b rgb(51,86,139)
```
#39629e
```
#39629e rgb(57,98,158)
```

Monochromatic Color

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

#254f66
```
#254f66 rgb(37,79,102)
```
#254a66
```
#254a66 rgb(37,74,102)
```
#254466
```
#254466 rgb(37,68,102)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#253a66
```
#253a66 rgb(37,58,102)
```
#253466
```
#253466 rgb(37,52,102)
```
#252f66
```
#252f66 rgb(37,47,102)
```

Similar Colors

Text with hexadecimal color #253f66

This text has a font color of #253f66.

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

#253f66 background color

This paragraph has a background color of #253f66.

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

#253f66 border color

This element has a border color of #253f66.

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

CSS codes

.text {color:#253f66;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b131e
```
#0b131e rgb(11,19,30)
```
#101b2c
```
#101b2c rgb(16,27,44)
```
#15243b
```
#15243b rgb(21,36,59)
```
#1b2d49
```
#1b2d49 rgb(27,45,73)
```
#203658
```
#203658 rgb(32,54,88)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#2a4874
```
#2a4874 rgb(42,72,116)
```
#2f5183
```
#2f5183 rgb(47,81,131)
```
#355a91
```
#355a91 rgb(53,90,145)
```
#3a63a0
```
#3a63a0 rgb(58,99,160)
```
#3f6bae
```
#3f6bae rgb(63,107,174)
```

Shade Color Variation

#4575bc
```
#4575bc rgb(69,117,188)
```
#547fc1
```
#547fc1 rgb(84,127,193)
```
#628ac6
```
#628ac6 rgb(98,138,198)
```
#7095cb
```
#7095cb rgb(112,149,203)
```
#7f9fd0
```
#7f9fd0 rgb(127,159,208)
```
#8daad6
```
#8daad6 rgb(141,170,214)
```
#9bb5db
```
#9bb5db rgb(155,181,219)
```
#aac0e0
```
#aac0e0 rgb(170,192,224)
```
#b8cae5
```
#b8cae5 rgb(184,202,229)
```
#c7d5eb
```
#c7d5eb rgb(199,213,235)
```
#d5e0f0
```
#d5e0f0 rgb(213,224,240)
```
#e3eaf5
```
#e3eaf5 rgb(227,234,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#40444b
```
#40444b rgb(64,68,75)
```
#3a4351
```
#3a4351 rgb(58,67,81)
```
#354256
```
#354256 rgb(53,66,86)
```
#30415b
```
#30415b rgb(48,65,91)
```
#2a4061
```
#2a4061 rgb(42,64,97)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#203e6b
```
#203e6b rgb(32,62,107)
```
#1a3d71
```
#1a3d71 rgb(26,61,113)
```
#153c76
```
#153c76 rgb(21,60,118)
```
#103b7b
```
#103b7b rgb(16,59,123)
```
#0a3a81
```
#0a3a81 rgb(10,58,129)
```
#053986
```
#053986 rgb(5,57,134)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#373d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39476c Protanopia 1% of men
#31486e Deuteranopia 1% of men
#214e54 Tritanopia 0.001% of the population

Trichromacy

#32446a Protanomaly 1% of men, 0.01% of women
#2d456b Deuteranomaly 6% of men, 0.4% of women
#22485a Tritanomaly 0.01% of the population

#253f66 hex color

#253f66 Color Information

#253f66 Color Conversion

Color Schemes with #253f66

Alternatives to #253f66

#253f66 Preview

Shades and Tints of #253f66

Tones of #253f66

Color Blindness Simulator