#254f7c hex color

In a RGB color space, hex #254f7c is composed of 14.5% red, 31% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 36.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 211 degrees, a saturation of 54% and a lightness of 31.6%. #254f7c color hex could be obtained by blending #4a9ef8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 15
- G 31
- B 49
RGB color chart
- C 70
- M 36
- Y 0
- K 51
CMYK color chart

● #254f7c color description : Dark blue.

The hexadecimal color #254f7c has RGB values of R:37, G:79, B:124 and CMYK values of C:0.7, M:0.36, Y:0, K:0.51. Its decimal value is 2445180.

Hex triplet	254f7c	`#254f7c`
RGB Decimal	37, 79, 124	`rgb(37,79,124)`
RGB Percent	14.5, 31, 48.6	`rgb(14.5%,31%,48.6%)`
CMYK	70, 36, 0, 51
HSL	211°, 54, 31.6	`hsl(211,54%,31.6%)`
HSV (or HSB)	211°, 70.2, 48.6
Web Safe	336666	`#336666`

CIE-LAB	32.788, 1.229, -29.807
XYZ	7.196, 7.44, 20.124
xyY	0.207, 0.214, 7.44
CIE-LCH	32.788, 29.832, 272.361
CIE-LUV	32.788, -15.849, -40.328
Hunter-Lab	27.276, -0.641, -24.651
Binary	00100101, 01001111, 01111100

#254f7c
```
#254f7c rgb(37,79,124)
```
#7c5225
```
#7c5225 rgb(124,82,37)
```

Complementary Color

#257b7c
```
#257b7c rgb(37,123,124)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#27257c
```
#27257c rgb(39,37,124)
```

Analogous Color

#7b7c25
```
#7b7c25 rgb(123,124,37)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#7c2725
```
#7c2725 rgb(124,39,37)
```

Split Complementary Color

#4f7c25
```
#4f7c25 rgb(79,124,37)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#7c254f
```
#7c254f rgb(124,37,79)
```

Triadic Color

#257c52
```
#257c52 rgb(37,124,82)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#7c254f
```
#7c254f rgb(124,37,79)
```
#7c5225
```
#7c5225 rgb(124,82,37)
```

Tetradic Color

#132941
```
#132941 rgb(19,41,65)
```
#193655
```
#193655 rgb(25,54,85)
```
#1f4268
```
#1f4268 rgb(31,66,104)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#2b5c90
```
#2b5c90 rgb(43,92,144)
```
#3168a3
```
#3168a3 rgb(49,104,163)
```
#3775b7
```
#3775b7 rgb(55,117,183)
```

Monochromatic Color

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

#25657c
```
#25657c rgb(37,101,124)
```
#255e7c
```
#255e7c rgb(37,94,124)
```
#25567c
```
#25567c rgb(37,86,124)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#25487c
```
#25487c rgb(37,72,124)
```
#25407c
```
#25407c rgb(37,64,124)
```
#25397c
```
#25397c rgb(37,57,124)
```

Similar Colors

Text with hexadecimal color #254f7c

This text has a font color of #254f7c.

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

#254f7c background color

This paragraph has a background color of #254f7c.

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

#254f7c border color

This element has a border color of #254f7c.

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

CSS codes

.text {color:#254f7c;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050c12
```
#050c12 rgb(5,12,18)
```
#0a1521
```
#0a1521 rgb(10,21,33)
```
#0e1f30
```
#0e1f30 rgb(14,31,48)
```
#132940
```
#132940 rgb(19,41,64)
```
#17324f
```
#17324f rgb(23,50,79)
```
#1c3c5e
```
#1c3c5e rgb(28,60,94)
```
#20456d
```
#20456d rgb(32,69,109)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#2a598b
```
#2a598b rgb(42,89,139)
```
#2e629a
```
#2e629a rgb(46,98,154)
```
#336ca9
```
#336ca9 rgb(51,108,169)
```
#3775b8
```
#3775b8 rgb(55,117,184)
```

Shade Color Variation

#3e7fc5
```
#3e7fc5 rgb(62,127,197)
```
#4d89ca
```
#4d89ca rgb(77,137,202)
```
#5c93ce
```
#5c93ce rgb(92,147,206)
```
#6b9dd3
```
#6b9dd3 rgb(107,157,211)
```
#7aa7d7
```
#7aa7d7 rgb(122,167,215)
```
#89b1dc
```
#89b1dc rgb(137,177,220)
```
#98bbe0
```
#98bbe0 rgb(152,187,224)
```
#a7c5e5
```
#a7c5e5 rgb(167,197,229)
```
#b7cfe9
```
#b7cfe9 rgb(183,207,233)
```
#c6d9ee
```
#c6d9ee rgb(198,217,238)
```
#d5e3f2
```
#d5e3f2 rgb(213,227,242)
```
#e4edf7
```
#e4edf7 rgb(228,237,247)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#505051
```
#505051 rgb(80,80,81)
```
#4a5057
```
#4a5057 rgb(74,80,87)
```
#44505d
```
#44505d rgb(68,80,93)
```
#3e5063
```
#3e5063 rgb(62,80,99)
```
#385069
```
#385069 rgb(56,80,105)
```
#314f70
```
#314f70 rgb(49,79,112)
```
#2b4f76
```
#2b4f76 rgb(43,79,118)
```
#254f7c
```
#254f7c rgb(37,79,124)
```
#1f4f82
```
#1f4f82 rgb(31,79,130)
```
#194f88
```
#194f88 rgb(25,79,136)
```
#124e8f
```
#124e8f rgb(18,78,143)
```
#0c4e95
```
#0c4e95 rgb(12,78,149)
```
#064e9b
```
#064e9b rgb(6,78,155)
```

Tone Color Variation

Below, you can see how #254f7c 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
#414952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#455480 Protanopia 1% of men
#3a5683 Deuteranopia 1% of men
#145e65 Tritanopia 0.001% of the population

Trichromacy

#39527e Protanomaly 1% of men, 0.01% of women
#325380 Deuteranomaly 6% of men, 0.4% of women
#1a586d Tritanomaly 0.01% of the population

#254f7c hex color

#254f7c Color Information

#254f7c Color Conversion

Color Schemes with #254f7c

Alternatives to #254f7c

#254f7c Preview

Shades and Tints of #254f7c

Tones of #254f7c

Color Blindness Simulator