#154aed hex color

In a RGB color space, hex #154aed is composed of 8.2% red, 29% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 68.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 225.3 degrees, a saturation of 85.7% and a lightness of 50.6%. #154aed color hex could be obtained by blending #2a94ff with #0000db. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 29
- B 93
RGB color chart
- C 91
- M 69
- Y 0
- K 7
CMYK color chart

● #154aed color description : Vivid blue.

The hexadecimal color #154aed has RGB values of R:21, G:74, B:237 and CMYK values of C:0.91, M:0.69, Y:0, K:0.07. Its decimal value is 1395437.

Hex triplet	154aed	`#154aed`
RGB Decimal	21, 74, 237	`rgb(21,74,237)`
RGB Percent	8.2, 29, 92.9	`rgb(8.2%,29%,92.9%)`
CMYK	91, 69, 0, 7
HSL	225.3°, 85.7, 50.6	`hsl(225.3,85.7%,50.6%)`
HSV (or HSB)	225.3°, 91.1, 92.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.865, 46.551, -85.139
XYZ	18.041, 11.17, 81.321
xyY	0.163, 0.101, 11.17
CIE-LCH	39.865, 97.035, 298.668
CIE-LUV	39.865, -15.466, -121.428
Hunter-Lab	33.421, 37.867, -120.87
Binary	00010101, 01001010, 11101101

#154aed
```
#154aed rgb(21,74,237)
```
#edb815
```
#edb815 rgb(237,184,21)
```

Complementary Color

#15b6ed
```
#15b6ed rgb(21,182,237)
```
#154aed
```
#154aed rgb(21,74,237)
```
#4c15ed
```
#4c15ed rgb(76,21,237)
```

Analogous Color

#b6ed15
```
#b6ed15 rgb(182,237,21)
```
#154aed
```
#154aed rgb(21,74,237)
```
#ed4c15
```
#ed4c15 rgb(237,76,21)
```

Split Complementary Color

#4aed15
```
#4aed15 rgb(74,237,21)
```
#154aed
```
#154aed rgb(21,74,237)
```
#ed154a
```
#ed154a rgb(237,21,74)
```

Triadic Color

#15edb8
```
#15edb8 rgb(21,237,184)
```
#154aed
```
#154aed rgb(21,74,237)
```
#ed154a
```
#ed154a rgb(237,21,74)
```
#edb815
```
#edb815 rgb(237,184,21)
```

Tetradic Color

#0d33a9
```
#0d33a9 rgb(13,51,169)
```
#0f3ac0
```
#0f3ac0 rgb(15,58,192)
```
#1142d8
```
#1142d8 rgb(17,66,216)
```
#154aed
```
#154aed rgb(21,74,237)
```
#2d5cef
```
#2d5cef rgb(45,92,239)
```
#446ff1
```
#446ff1 rgb(68,111,241)
```
#5c81f2
```
#5c81f2 rgb(92,129,242)
```

Monochromatic Color

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

#1580ed
```
#1580ed rgb(21,128,237)
```
#156eed
```
#156eed rgb(21,110,237)
```
#155ced
```
#155ced rgb(21,92,237)
```
#154aed
```
#154aed rgb(21,74,237)
```
#1538ed
```
#1538ed rgb(21,56,237)
```
#1526ed
```
#1526ed rgb(21,38,237)
```
#1615ed
```
#1615ed rgb(22,21,237)
```

Similar Colors

Text with hexadecimal color #154aed

This text has a font color of #154aed.

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

#154aed background color

This paragraph has a background color of #154aed.

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

#154aed border color

This element has a border color of #154aed.

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

CSS codes

.text {color:#154aed;}

.background {background-color:#154aed;}

.border {border:1px solid #154aed;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020615
```
#020615 rgb(2,6,21)
```
#030c27
```
#030c27 rgb(3,12,39)
```
#041139
```
#041139 rgb(4,17,57)
```
#06174c
```
#06174c rgb(6,23,76)
```
#071c5e
```
#071c5e rgb(7,28,94)
```
#092270
```
#092270 rgb(9,34,112)
```
#0a2882
```
#0a2882 rgb(10,40,130)
```
#0b2d95
```
#0b2d95 rgb(11,45,149)
```
#0d33a7
```
#0d33a7 rgb(13,51,167)
```
#0e38b9
```
#0e38b9 rgb(14,56,185)
```
#103ecb
```
#103ecb rgb(16,62,203)
```
#1143dd
```
#1143dd rgb(17,67,221)
```

Shade Color Variation

#154aed
```
#154aed rgb(21,74,237)
```
#2758ee
```
#2758ee rgb(39,88,238)
```
#3966f0
```
#3966f0 rgb(57,102,240)
```
#4c74f1
```
#4c74f1 rgb(76,116,241)
```
#5e82f3
```
#5e82f3 rgb(94,130,243)
```
#7090f4
```
#7090f4 rgb(112,144,244)
```
#829ff5
```
#829ff5 rgb(130,159,245)
```
#95adf7
```
#95adf7 rgb(149,173,247)
```
#a7bbf8
```
#a7bbf8 rgb(167,187,248)
```
#b9c9fa
```
#b9c9fa rgb(185,201,250)
```
#cbd7fb
```
#cbd7fb rgb(203,215,251)
```
#dde5fc
```
#dde5fc rgb(221,229,252)
```
#f0f3fe
```
#f0f3fe rgb(240,243,254)
```

Tint Color Variation

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

#808082
```
#808082 rgb(128,128,130)
```
#767b8c
```
#767b8c rgb(118,123,140)
```
#6c7696
```
#6c7696 rgb(108,118,150)
```
#63719f
```
#63719f rgb(99,113,159)
```
#596da9
```
#596da9 rgb(89,109,169)
```
#4f68b3
```
#4f68b3 rgb(79,104,179)
```
#4563bd
```
#4563bd rgb(69,99,189)
```
#3c5ec6
```
#3c5ec6 rgb(60,94,198)
```
#3259d0
```
#3259d0 rgb(50,89,208)
```
#2854da
```
#2854da rgb(40,84,218)
```
#1f4fe3
```
#1f4fe3 rgb(31,79,227)
```
#154aed
```
#154aed rgb(21,74,237)
```
#0b45f7
```
#0b45f7 rgb(11,69,247)
```

Tone Color Variation

Below, you can see how #154aed 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

#4d4d4d Achromatopsia 0.005% of the population
#424c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#075ad1 Protanomaly 1% of men, 0.01% of women
#075dc0 Deuteranomaly 6% of men, 0.4% of women
#0762a1 Tritanomaly 0.01% of the population

#154aed hex color

#154aed Color Information

#154aed Color Conversion

Color Schemes with #154aed

Alternatives to #154aed

#154aed Preview

Shades and Tints of #154aed

Tones of #154aed

Color Blindness Simulator