#254680 hex color

In a RGB color space, hex #254680 is composed of 14.5% red, 27.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 45.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 218.2 degrees, a saturation of 55.2% and a lightness of 32.4%. #254680 color hex could be obtained by blending #4a8cff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 15
- G 27
- B 50
RGB color chart
- C 71
- M 45
- Y 0
- K 50
CMYK color chart

● #254680 color description : Dark blue.

The hexadecimal color #254680 has RGB values of R:37, G:70, B:128 and CMYK values of C:0.71, M:0.45, Y:0, K:0.5. Its decimal value is 2442880.

Hex triplet	254680	`#254680`
RGB Decimal	37, 70, 128	`rgb(37,70,128)`
RGB Percent	14.5, 27.5, 50.2	`rgb(14.5%,27.5%,50.2%)`
CMYK	71, 45, 0, 50
HSL	218.2°, 55.2, 32.4	`hsl(218.2,55.2%,32.4%)`
HSV (or HSB)	218.2°, 71.1, 50.2
Web Safe	333399	`#333399`

CIE-LAB	30.234, 8.775, -36.354
XYZ	6.849, 6.332, 21.282
xyY	0.199, 0.184, 6.332
CIE-LCH	30.234, 37.398, 283.57
CIE-LUV	30.234, -12.769, -48.883
Hunter-Lab	25.163, 4.547, -32.532
Binary	00100101, 01000110, 10000000

#254680
```
#254680 rgb(37,70,128)
```
#805f25
```
#805f25 rgb(128,95,37)
```

Complementary Color

#257480
```
#257480 rgb(37,116,128)
```
#254680
```
#254680 rgb(37,70,128)
```
#322580
```
#322580 rgb(50,37,128)
```

Analogous Color

#748025
```
#748025 rgb(116,128,37)
```
#254680
```
#254680 rgb(37,70,128)
```
#803225
```
#803225 rgb(128,50,37)
```

Split Complementary Color

#468025
```
#468025 rgb(70,128,37)
```
#254680
```
#254680 rgb(37,70,128)
```
#802546
```
#802546 rgb(128,37,70)
```

Triadic Color

#25805f
```
#25805f rgb(37,128,95)
```
#254680
```
#254680 rgb(37,70,128)
```
#802546
```
#802546 rgb(128,37,70)
```
#805f25
```
#805f25 rgb(128,95,37)
```

Tetradic Color

#142645
```
#142645 rgb(20,38,69)
```
#1a3058
```
#1a3058 rgb(26,48,88)
```
#1f3b6c
```
#1f3b6c rgb(31,59,108)
```
#254680
```
#254680 rgb(37,70,128)
```
#2b5194
```
#2b5194 rgb(43,81,148)
```
#305ca8
```
#305ca8 rgb(48,92,168)
```
#3666bb
```
#3666bb rgb(54,102,187)
```

Monochromatic Color

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

#255d80
```
#255d80 rgb(37,93,128)
```
#255580
```
#255580 rgb(37,85,128)
```
#254e80
```
#254e80 rgb(37,78,128)
```
#254680
```
#254680 rgb(37,70,128)
```
#253e80
```
#253e80 rgb(37,62,128)
```
#253780
```
#253780 rgb(37,55,128)
```
#252f80
```
#252f80 rgb(37,47,128)
```

Similar Colors

Text with hexadecimal color #254680

This text has a font color of #254680.

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

#254680 background color

This paragraph has a background color of #254680.

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

#254680 border color

This element has a border color of #254680.

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

CSS codes

.text {color:#254680;}

.background {background-color:#254680;}

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#0f1c34
```
#0f1c34 rgb(15,28,52)
```
#132543
```
#132543 rgb(19,37,67)
```
#182d52
```
#182d52 rgb(24,45,82)
```
#1c3562
```
#1c3562 rgb(28,53,98)
```
#213e71
```
#213e71 rgb(33,62,113)
```
#254680
```
#254680 rgb(37,70,128)
```
#294e8f
```
#294e8f rgb(41,78,143)
```
#2e579e
```
#2e579e rgb(46,87,158)
```
#325fae
```
#325fae rgb(50,95,174)
```
#3767bd
```
#3767bd rgb(55,103,189)
```

Shade Color Variation

#3f71c8
```
#3f71c8 rgb(63,113,200)
```
#4f7ccc
```
#4f7ccc rgb(79,124,204)
```
#5e87d0
```
#5e87d0 rgb(94,135,208)
```
#6d93d5
```
#6d93d5 rgb(109,147,213)
```
#7c9ed9
```
#7c9ed9 rgb(124,158,217)
```
#8ca9de
```
#8ca9de rgb(140,169,222)
```
#9bb5e2
```
#9bb5e2 rgb(155,181,226)
```
#aac0e6
```
#aac0e6 rgb(170,192,230)
```
#b9cbeb
```
#b9cbeb rgb(185,203,235)
```
#c8d6ef
```
#c8d6ef rgb(200,214,239)
```
#d8e2f4
```
#d8e2f4 rgb(216,226,244)
```
#e7edf8
```
#e7edf8 rgb(231,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#515254
```
#515254 rgb(81,82,84)
```
#4b505a
```
#4b505a rgb(75,80,90)
```
#454f60
```
#454f60 rgb(69,79,96)
```
#3e4d67
```
#3e4d67 rgb(62,77,103)
```
#384b6d
```
#384b6d rgb(56,75,109)
```
#324973
```
#324973 rgb(50,73,115)
```
#2b487a
```
#2b487a rgb(43,72,122)
```
#254680
```
#254680 rgb(37,70,128)
```
#1f4486
```
#1f4486 rgb(31,68,134)
```
#18438d
```
#18438d rgb(24,67,141)
```
#124193
```
#124193 rgb(18,65,147)
```
#0c3f99
```
#0c3f99 rgb(12,63,153)
```
#053da0
```
#053da0 rgb(5,61,160)
```

Tone Color Variation

Below, you can see how #254680 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
#3d444f Atypical Achromatopsia 0.001% of the population

Dichromacy

#354e86 Protanopia 1% of men
#1e5185 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#2f4b83 Protanomaly 1% of men, 0.01% of women
#214d83 Deuteranomaly 6% of men, 0.4% of women
#0d516a Tritanomaly 0.01% of the population

#254680 hex color

#254680 Color Information

#254680 Color Conversion

Color Schemes with #254680

Alternatives to #254680

#254680 Preview

Shades and Tints of #254680

Tones of #254680

Color Blindness Simulator