#254f80 hex color

In a RGB color space, hex #254f80 is composed of 14.5% red, 31% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 38.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 212.3 degrees, a saturation of 55.2% and a lightness of 32.4%. #254f80 color hex could be obtained by blending #4a9eff with #000001. Closest websafe color is: #336699.

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

● #254f80 color description : Dark blue.

The hexadecimal color #254f80 has RGB values of R:37, G:79, B:128 and CMYK values of C:0.71, M:0.38, Y:0, K:0.5. Its decimal value is 2445184.

Hex triplet	254f80	`#254f80`
RGB Decimal	37, 79, 128	`rgb(37,79,128)`
RGB Percent	14.5, 31, 50.2	`rgb(14.5%,31%,50.2%)`
CMYK	71, 38, 0, 50
HSL	212.3°, 55.2, 32.4	`hsl(212.3,55.2%,32.4%)`
HSV (or HSB)	212.3°, 71.1, 50.2
Web Safe	336699	`#336699`

CIE-LAB	33.013, 2.76, -31.929
XYZ	7.454, 7.543, 21.484
xyY	0.204, 0.207, 7.543
CIE-LCH	33.013, 32.049, 274.94
CIE-LUV	33.013, -15.756, -43.551
Hunter-Lab	27.465, 0.383, -27.153
Binary	00100101, 01001111, 10000000

#254f80
```
#254f80 rgb(37,79,128)
```
#805625
```
#805625 rgb(128,86,37)
```

Complementary Color

#257d80
```
#257d80 rgb(37,125,128)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#292580
```
#292580 rgb(41,37,128)
```

Analogous Color

#7d8025
```
#7d8025 rgb(125,128,37)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#802925
```
#802925 rgb(128,41,37)
```

Split Complementary Color

#4f8025
```
#4f8025 rgb(79,128,37)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#80254f
```
#80254f rgb(128,37,79)
```

Triadic Color

#258056
```
#258056 rgb(37,128,86)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#80254f
```
#80254f rgb(128,37,79)
```
#805625
```
#805625 rgb(128,86,37)
```

Tetradic Color

#142a45
```
#142a45 rgb(20,42,69)
```
#1a3758
```
#1a3758 rgb(26,55,88)
```
#1f436c
```
#1f436c rgb(31,67,108)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#2b5b94
```
#2b5b94 rgb(43,91,148)
```
#3067a8
```
#3067a8 rgb(48,103,168)
```
#3674bb
```
#3674bb rgb(54,116,187)
```

Monochromatic Color

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

#256680
```
#256680 rgb(37,102,128)
```
#255e80
```
#255e80 rgb(37,94,128)
```
#255780
```
#255780 rgb(37,87,128)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#254780
```
#254780 rgb(37,71,128)
```
#254080
```
#254080 rgb(37,64,128)
```
#253880
```
#253880 rgb(37,56,128)
```

Similar Colors

Text with hexadecimal color #254f80

This text has a font color of #254f80.

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

#254f80 background color

This paragraph has a background color of #254f80.

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

#254f80 border color

This element has a border color of #254f80.

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

CSS codes

.text {color:#254f80;}

.background {background-color:#254f80;}

.border {border:1px solid #254f80;}

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

#020406
```
#020406 rgb(2,4,6)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0b1725
```
#0b1725 rgb(11,23,37)
```
#0f2034
```
#0f2034 rgb(15,32,52)
```
#132943
```
#132943 rgb(19,41,67)
```
#183352
```
#183352 rgb(24,51,82)
```
#1c3c62
```
#1c3c62 rgb(28,60,98)
```
#214671
```
#214671 rgb(33,70,113)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#29588f
```
#29588f rgb(41,88,143)
```
#2e629e
```
#2e629e rgb(46,98,158)
```
#326bae
```
#326bae rgb(50,107,174)
```
#3775bd
```
#3775bd rgb(55,117,189)
```

Shade Color Variation

#3f7ec8
```
#3f7ec8 rgb(63,126,200)
```
#4f89cc
```
#4f89cc rgb(79,137,204)
```
#5e93d0
```
#5e93d0 rgb(94,147,208)
```
#6d9dd5
```
#6d9dd5 rgb(109,157,213)
```
#7ca7d9
```
#7ca7d9 rgb(124,167,217)
```
#8cb1de
```
#8cb1de rgb(140,177,222)
```
#9bbce2
```
#9bbce2 rgb(155,188,226)
```
#aac6e6
```
#aac6e6 rgb(170,198,230)
```
#b9d0eb
```
#b9d0eb rgb(185,208,235)
```
#c8daef
```
#c8daef rgb(200,218,239)
```
#d8e5f4
```
#d8e5f4 rgb(216,229,244)
```
#e7eff8
```
#e7eff8 rgb(231,239,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,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 #054da0 is the most saturated one.

#515254
```
#515254 rgb(81,82,84)
```
#4b525a
```
#4b525a rgb(75,82,90)
```
#455160
```
#455160 rgb(69,81,96)
```
#3e5167
```
#3e5167 rgb(62,81,103)
```
#38506d
```
#38506d rgb(56,80,109)
```
#325073
```
#325073 rgb(50,80,115)
```
#2b4f7a
```
#2b4f7a rgb(43,79,122)
```
#254f80
```
#254f80 rgb(37,79,128)
```
#1f4f86
```
#1f4f86 rgb(31,79,134)
```
#184e8d
```
#184e8d rgb(24,78,141)
```
#124e93
```
#124e93 rgb(18,78,147)
```
#0c4d99
```
#0c4d99 rgb(12,77,153)
```
#054da0
```
#054da0 rgb(5,77,160)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#414953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435584 Protanopia 1% of men
#365787 Deuteranopia 1% of men
#065f66 Tritanopia 0.001% of the population

Trichromacy

#385382 Protanomaly 1% of men, 0.01% of women
#305484 Deuteranomaly 6% of men, 0.4% of women
#11596f Tritanomaly 0.01% of the population

#254f80 hex color

#254f80 Color Information

#254f80 Color Conversion

Color Schemes with #254f80

Alternatives to #254f80

#254f80 Preview

Shades and Tints of #254f80

Tones of #254f80

Color Blindness Simulator