#254fbd hex color

In a RGB color space, hex #254fbd is composed of 14.5% red, 31% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 58.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 223.4 degrees, a saturation of 67.3% and a lightness of 44.3%. #254fbd color hex could be obtained by blending #4a9eff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 31
- B 74
RGB color chart
- C 80
- M 58
- Y 0
- K 26
CMYK color chart

● #254fbd color description : Strong blue.

The hexadecimal color #254fbd has RGB values of R:37, G:79, B:189 and CMYK values of C:0.8, M:0.58, Y:0, K:0.26. Its decimal value is 2445245.

Hex triplet	254fbd	`#254fbd`
RGB Decimal	37, 79, 189	`rgb(37,79,189)`
RGB Percent	14.5, 31, 74.1	`rgb(14.5%,31%,74.1%)`
CMYK	80, 58, 0, 26
HSL	223.4°, 67.3, 44.3	`hsl(223.4,67.3%,44.3%)`
HSV (or HSB)	223.4°, 80.4, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.222, 26.495, -61.85
XYZ	12.742, 9.658, 49.334
xyY	0.178, 0.135, 9.658
CIE-LCH	37.222, 67.286, 293.189
CIE-LUV	37.222, -15.033, -88.993
Hunter-Lab	31.078, 18.8, -72.364
Binary	00100101, 01001111, 10111101

#254fbd
```
#254fbd rgb(37,79,189)
```
#bd9325
```
#bd9325 rgb(189,147,37)
```

Complementary Color

#259bbd
```
#259bbd rgb(37,155,189)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#4725bd
```
#4725bd rgb(71,37,189)
```

Analogous Color

#9bbd25
```
#9bbd25 rgb(155,189,37)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#bd4725
```
#bd4725 rgb(189,71,37)
```

Split Complementary Color

#4fbd25
```
#4fbd25 rgb(79,189,37)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#bd254f
```
#bd254f rgb(189,37,79)
```

Triadic Color

#25bd93
```
#25bd93 rgb(37,189,147)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#bd254f
```
#bd254f rgb(189,37,79)
```
#bd9325
```
#bd9325 rgb(189,147,37)
```

Tetradic Color

#18347d
```
#18347d rgb(24,52,125)
```
#1d3d92
```
#1d3d92 rgb(29,61,146)
```
#2146a8
```
#2146a8 rgb(33,70,168)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#2958d2
```
#2958d2 rgb(41,88,210)
```
#3c67d9
```
#3c67d9 rgb(60,103,217)
```
#5178dd
```
#5178dd rgb(81,120,221)
```

Monochromatic Color

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

#2575bd
```
#2575bd rgb(37,117,189)
```
#2568bd
```
#2568bd rgb(37,104,189)
```
#255cbd
```
#255cbd rgb(37,92,189)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#2542bd
```
#2542bd rgb(37,66,189)
```
#2536bd
```
#2536bd rgb(37,54,189)
```
#2529bd
```
#2529bd rgb(37,41,189)
```

Similar Colors

Text with hexadecimal color #254fbd

This text has a font color of #254fbd.

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

#254fbd background color

This paragraph has a background color of #254fbd.

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

#254fbd border color

This element has a border color of #254fbd.

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

CSS codes

.text {color:#254fbd;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#050a19
```
#050a19 rgb(5,10,25)
```
#081129
```
#081129 rgb(8,17,41)
```
#0b183a
```
#0b183a rgb(11,24,58)
```
#0f1f4a
```
#0f1f4a rgb(15,31,74)
```
#12265b
```
#12265b rgb(18,38,91)
```
#152d6b
```
#152d6b rgb(21,45,107)
```
#18347b
```
#18347b rgb(24,52,123)
```
#1b3a8c
```
#1b3a8c rgb(27,58,140)
```
#1f419c
```
#1f419c rgb(31,65,156)
```
#2248ad
```
#2248ad rgb(34,72,173)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#2856cd
```
#2856cd rgb(40,86,205)
```

Shade Color Variation

#3260d7
```
#3260d7 rgb(50,96,215)
```
#436dda
```
#436dda rgb(67,109,218)
```
#5379dd
```
#5379dd rgb(83,121,221)
```
#6486e1
```
#6486e1 rgb(100,134,225)
```
#7493e4
```
#7493e4 rgb(116,147,228)
```
#84a0e7
```
#84a0e7 rgb(132,160,231)
```
#95acea
```
#95acea rgb(149,172,234)
```
#a5b9ed
```
#a5b9ed rgb(165,185,237)
```
#b6c6f1
```
#b6c6f1 rgb(182,198,241)
```
#c6d3f4
```
#c6d3f4 rgb(198,211,244)
```
#d6dff7
```
#d6dff7 rgb(214,223,247)
```
#e7ecfa
```
#e7ecfa rgb(231,236,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#6b6e77
```
#6b6e77 rgb(107,110,119)
```
#626a80
```
#626a80 rgb(98,106,128)
```
#596689
```
#596689 rgb(89,102,137)
```
#506292
```
#506292 rgb(80,98,146)
```
#485f9a
```
#485f9a rgb(72,95,154)
```
#3f5ba3
```
#3f5ba3 rgb(63,91,163)
```
#3657ac
```
#3657ac rgb(54,87,172)
```
#2e53b4
```
#2e53b4 rgb(46,83,180)
```
#254fbd
```
#254fbd rgb(37,79,189)
```
#1c4bc6
```
#1c4bc6 rgb(28,75,198)
```
#1447ce
```
#1447ce rgb(20,71,206)
```
#0b43d7
```
#0b43d7 rgb(11,67,215)
```
#023fe0
```
#023fe0 rgb(2,63,224)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#474f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0d58b9 Protanomaly 1% of men, 0.01% of women
#0d5baa Deuteranomaly 6% of men, 0.4% of women
#0d608b Tritanomaly 0.01% of the population

#254fbd hex color

#254fbd Color Information

#254fbd Color Conversion

Color Schemes with #254fbd

Alternatives to #254fbd

#254fbd Preview

Shades and Tints of #254fbd

Tones of #254fbd

Color Blindness Simulator