#254fb2 hex color

In a RGB color space, hex #254fb2 is composed of 14.5% red, 31% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 55.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 222.1 degrees, a saturation of 65.6% and a lightness of 42.2%. #254fb2 color hex could be obtained by blending #4a9eff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 31
- B 70
RGB color chart
- C 79
- M 56
- Y 0
- K 30
CMYK color chart

● #254fb2 color description : Dark blue.

The hexadecimal color #254fb2 has RGB values of R:37, G:79, B:178 and CMYK values of C:0.79, M:0.56, Y:0, K:0.3. Its decimal value is 2445234.

Hex triplet	254fb2	`#254fb2`
RGB Decimal	37, 79, 178	`rgb(37,79,178)`
RGB Percent	14.5, 31, 69.8	`rgb(14.5%,31%,69.8%)`
CMYK	79, 56, 0, 30
HSL	222.1°, 65.6, 42.2	`hsl(222.1,65.6%,42.2%)`
HSV (or HSB)	222.1°, 79.2, 69.8
Web Safe	336699	`#336699`

CIE-LAB	36.364, 22.257, -56.771
XYZ	11.593, 9.199, 43.282
xyY	0.181, 0.144, 9.199
CIE-LCH	36.364, 60.978, 291.408
CIE-LUV	36.364, -15.071, -81.333
Hunter-Lab	30.329, 15.153, -63.379
Binary	00100101, 01001111, 10110010

#254fb2
```
#254fb2 rgb(37,79,178)
```
#b28825
```
#b28825 rgb(178,136,37)
```

Complementary Color

#2596b2
```
#2596b2 rgb(37,150,178)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#4225b2
```
#4225b2 rgb(66,37,178)
```

Analogous Color

#96b225
```
#96b225 rgb(150,178,37)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#b24125
```
#b24125 rgb(178,65,37)
```

Split Complementary Color

#4fb225
```
#4fb225 rgb(79,178,37)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#b2254f
```
#b2254f rgb(178,37,79)
```

Triadic Color

#25b288
```
#25b288 rgb(37,178,136)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#b2254f
```
#b2254f rgb(178,37,79)
```
#b28825
```
#b28825 rgb(178,136,37)
```

Tetradic Color

#183373
```
#183373 rgb(24,51,115)
```
#1c3c88
```
#1c3c88 rgb(28,60,136)
```
#21469d
```
#21469d rgb(33,70,157)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#2958c7
```
#2958c7 rgb(41,88,199)
```
#3565d5
```
#3565d5 rgb(53,101,213)
```
#4a75d9
```
#4a75d9 rgb(74,117,217)
```

Monochromatic Color

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

#2572b2
```
#2572b2 rgb(37,114,178)
```
#2567b2
```
#2567b2 rgb(37,103,178)
```
#255bb2
```
#255bb2 rgb(37,91,178)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#2543b2
```
#2543b2 rgb(37,67,178)
```
#2538b2
```
#2538b2 rgb(37,56,178)
```
#252cb2
```
#252cb2 rgb(37,44,178)
```

Similar Colors

Text with hexadecimal color #254fb2

This text has a font color of #254fb2.

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

#254fb2 background color

This paragraph has a background color of #254fb2.

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

#254fb2 border color

This element has a border color of #254fb2.

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

CSS codes

.text {color:#254fb2;}

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

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

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

#030710
```
#030710 rgb(3,7,16)
```
#070e20
```
#070e20 rgb(7,14,32)
```
#0a1530
```
#0a1530 rgb(10,21,48)
```
#0d1d40
```
#0d1d40 rgb(13,29,64)
```
#112451
```
#112451 rgb(17,36,81)
```
#142b61
```
#142b61 rgb(20,43,97)
```
#173271
```
#173271 rgb(23,50,113)
```
#1b3981
```
#1b3981 rgb(27,57,129)
```
#1e4192
```
#1e4192 rgb(30,65,146)
```
#2248a2
```
#2248a2 rgb(34,72,162)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#2856c2
```
#2856c2 rgb(40,86,194)
```
#2c5dd2
```
#2c5dd2 rgb(44,93,210)
```

Shade Color Variation

#3b6ad6
```
#3b6ad6 rgb(59,106,214)
```
#4c76da
```
#4c76da rgb(76,118,218)
```
#5c82dd
```
#5c82dd rgb(92,130,221)
```
#6c8fe0
```
#6c8fe0 rgb(108,143,224)
```
#7c9be4
```
#7c9be4 rgb(124,155,228)
```
#8da8e7
```
#8da8e7 rgb(141,168,231)
```
#9db4eb
```
#9db4eb rgb(157,180,235)
```
#adc0ee
```
#adc0ee rgb(173,192,238)
```
#bdcdf1
```
#bdcdf1 rgb(189,205,241)
```
#ced9f5
```
#ced9f5 rgb(206,217,245)
```
#dee6f8
```
#dee6f8 rgb(222,230,248)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a70 is the less saturated color, while #0442d3 is the most saturated one.

#676a70
```
#676a70 rgb(103,106,112)
```
#5f6678
```
#5f6678 rgb(95,102,120)
```
#576380
```
#576380 rgb(87,99,128)
```
#4e6089
```
#4e6089 rgb(78,96,137)
```
#465c91
```
#465c91 rgb(70,92,145)
```
#3e5999
```
#3e5999 rgb(62,89,153)
```
#3656a1
```
#3656a1 rgb(54,86,161)
```
#2d52aa
```
#2d52aa rgb(45,82,170)
```
#254fb2
```
#254fb2 rgb(37,79,178)
```
#1d4cba
```
#1d4cba rgb(29,76,186)
```
#1448c3
```
#1448c3 rgb(20,72,195)
```
#0c45cb
```
#0c45cb rgb(12,69,203)
```
#0442d3
```
#0442d3 rgb(4,66,211)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#464e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609d Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#0d56b2 Protanomaly 1% of men, 0.01% of women
#0d5aa4 Deuteranomaly 6% of men, 0.4% of women
#0d5e86 Tritanomaly 0.01% of the population

#254fb2 hex color

#254fb2 Color Information

#254fb2 Color Conversion

Color Schemes with #254fb2

Alternatives to #254fb2

#254fb2 Preview

Shades and Tints of #254fb2

Tones of #254fb2

Color Blindness Simulator