#254682 hex color

In a RGB color space, hex #254682 is composed of 14.5% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 46.2% magenta, 0% yellow and 49% black. It has a hue angle of 218.7 degrees, a saturation of 55.7% and a lightness of 32.7%. #254682 color hex could be obtained by blending #4a8cff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 27
- B 51
RGB color chart
- C 72
- M 46
- Y 0
- K 49
CMYK color chart

● #254682 color description : Dark blue.

The hexadecimal color #254682 has RGB values of R:37, G:70, B:130 and CMYK values of C:0.72, M:0.46, Y:0, K:0.49. Its decimal value is 2442882.

Hex triplet	254682	`#254682`
RGB Decimal	37, 70, 130	`rgb(37,70,130)`
RGB Percent	14.5, 27.5, 51	`rgb(14.5%,27.5%,51%)`
CMYK	72, 46, 0, 49
HSL	218.7°, 55.7, 32.7	`hsl(218.7,55.7%,32.7%)`
HSV (or HSB)	218.7°, 71.5, 51
Web Safe	333399	`#333399`

CIE-LAB	30.363, 9.556, -37.391
XYZ	6.981, 6.385, 21.982
xyY	0.198, 0.181, 6.385
CIE-LCH	30.363, 38.593, 284.336
CIE-LUV	30.363, -12.752, -50.411
Hunter-Lab	25.268, 5.099, -33.892
Binary	00100101, 01000110, 10000010

#254682
```
#254682 rgb(37,70,130)
```
#826125
```
#826125 rgb(130,97,37)
```

Complementary Color

#257582
```
#257582 rgb(37,117,130)
```
#254682
```
#254682 rgb(37,70,130)
```
#332582
```
#332582 rgb(51,37,130)
```

Analogous Color

#758225
```
#758225 rgb(117,130,37)
```
#254682
```
#254682 rgb(37,70,130)
```
#823325
```
#823325 rgb(130,51,37)
```

Split Complementary Color

#468225
```
#468225 rgb(70,130,37)
```
#254682
```
#254682 rgb(37,70,130)
```
#822546
```
#822546 rgb(130,37,70)
```

Triadic Color

#258261
```
#258261 rgb(37,130,97)
```
#254682
```
#254682 rgb(37,70,130)
```
#822546
```
#822546 rgb(130,37,70)
```
#826125
```
#826125 rgb(130,97,37)
```

Tetradic Color

#142646
```
#142646 rgb(20,38,70)
```
#1a315a
```
#1a315a rgb(26,49,90)
```
#1f3b6e
```
#1f3b6e rgb(31,59,110)
```
#254682
```
#254682 rgb(37,70,130)
```
#2b5196
```
#2b5196 rgb(43,81,150)
```
#305baa
```
#305baa rgb(48,91,170)
```
#3666be
```
#3666be rgb(54,102,190)
```

Monochromatic Color

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

#255d82
```
#255d82 rgb(37,93,130)
```
#255682
```
#255682 rgb(37,86,130)
```
#254e82
```
#254e82 rgb(37,78,130)
```
#254682
```
#254682 rgb(37,70,130)
```
#253e82
```
#253e82 rgb(37,62,130)
```
#253782
```
#253782 rgb(37,55,130)
```
#252f82
```
#252f82 rgb(37,47,130)
```

Similar Colors

Text with hexadecimal color #254682

This text has a font color of #254682.

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

#254682 background color

This paragraph has a background color of #254682.

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

#254682 border color

This element has a border color of #254682.

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

CSS codes

.text {color:#254682;}

.background {background-color:#254682;}

.border {border:1px solid #254682;}

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

#020408
```
#020408 rgb(2,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0b1526
```
#0b1526 rgb(11,21,38)
```
#0f1d36
```
#0f1d36 rgb(15,29,54)
```
#142545
```
#142545 rgb(20,37,69)
```
#182d54
```
#182d54 rgb(24,45,84)
```
#1c3663
```
#1c3663 rgb(28,54,99)
```
#213e73
```
#213e73 rgb(33,62,115)
```
#254682
```
#254682 rgb(37,70,130)
```
#294e91
```
#294e91 rgb(41,78,145)
```
#2e56a1
```
#2e56a1 rgb(46,86,161)
```
#325fb0
```
#325fb0 rgb(50,95,176)
```
#3667bf
```
#3667bf rgb(54,103,191)
```

Shade Color Variation

#4071c9
```
#4071c9 rgb(64,113,201)
```
#507ccd
```
#507ccd rgb(80,124,205)
```
#5f88d1
```
#5f88d1 rgb(95,136,209)
```
#6e93d6
```
#6e93d6 rgb(110,147,214)
```
#7d9eda
```
#7d9eda rgb(125,158,218)
```
#8daade
```
#8daade rgb(141,170,222)
```
#9cb5e3
```
#9cb5e3 rgb(156,181,227)
```
#abc0e7
```
#abc0e7 rgb(171,192,231)
```
#baccec
```
#baccec rgb(186,204,236)
```
#cad7f0
```
#cad7f0 rgb(202,215,240)
```
#d9e3f4
```
#d9e3f4 rgb(217,227,244)
```
#e8eef9
```
#e8eef9 rgb(232,238,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#525355
```
#525355 rgb(82,83,85)
```
#4c515b
```
#4c515b rgb(76,81,91)
```
#454f62
```
#454f62 rgb(69,79,98)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#384c6f
```
#384c6f rgb(56,76,111)
```
#324a75
```
#324a75 rgb(50,74,117)
```
#2b487c
```
#2b487c rgb(43,72,124)
```
#254682
```
#254682 rgb(37,70,130)
```
#1f4488
```
#1f4488 rgb(31,68,136)
```
#18428f
```
#18428f rgb(24,66,143)
```
#124095
```
#124095 rgb(18,64,149)
```
#0b3f9c
```
#0b3f9c rgb(11,63,156)
```
#053da2
```
#053da2 rgb(5,61,162)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3d4450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334f88 Protanopia 1% of men
#195287 Deuteranopia 1% of men
#00585f Tritanopia 0.001% of the population

Trichromacy

#2e4b85 Protanomaly 1% of men, 0.01% of women
#1d4d85 Deuteranomaly 6% of men, 0.4% of women
#0d526b Tritanomaly 0.01% of the population

#254682 hex color

#254682 Color Information

#254682 Color Conversion

Color Schemes with #254682

Alternatives to #254682

#254682 Preview

Shades and Tints of #254682

Tones of #254682

Color Blindness Simulator