#154aff hex color

In a RGB color space, hex #154aff is composed of 8.2% red, 29% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 71% magenta, 0% yellow and 0% black. It has a hue angle of 226.4 degrees, a saturation of 100% and a lightness of 54.1%. #154aff color hex could be obtained by blending #2a94ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 29
- B 100
RGB color chart
- C 92
- M 71
- Y 0
- K 0
CMYK color chart

● #154aff color description : Vivid blue.

The hexadecimal color #154aff has RGB values of R:21, G:74, B:255 and CMYK values of C:0.92, M:0.71, Y:0, K:0. Its decimal value is 1395455.

Hex triplet	154aff	`#154aff`
RGB Decimal	21, 74, 255	`rgb(21,74,255)`
RGB Percent	8.2, 29, 100	`rgb(8.2%,29%,100%)`
CMYK	92, 71, 0, 0
HSL	226.4°, 100, 54.1	`hsl(226.4,100%,54.1%)`
HSV (or HSB)	226.4°, 91.8, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.65, 52.837, -92.298
XYZ	20.804, 12.275, 95.875
xyY	0.161, 0.095, 12.275
CIE-LCH	41.65, 106.352, 299.789
CIE-LUV	41.65, -15.643, -132.138
Hunter-Lab	35.036, 44.679, -137.72
Binary	00010101, 01001010, 11111111

#154aff
```
#154aff rgb(21,74,255)
```
#ffca15
```
#ffca15 rgb(255,202,21)
```

Complementary Color

#15bfff
```
#15bfff rgb(21,191,255)
```
#154aff
```
#154aff rgb(21,74,255)
```
#5515ff
```
#5515ff rgb(85,21,255)
```

Analogous Color

#bfff15
```
#bfff15 rgb(191,255,21)
```
#154aff
```
#154aff rgb(21,74,255)
```
#ff5515
```
#ff5515 rgb(255,85,21)
```

Split Complementary Color

#4aff15
```
#4aff15 rgb(74,255,21)
```
#154aff
```
#154aff rgb(21,74,255)
```
#ff154a
```
#ff154a rgb(255,21,74)
```

Triadic Color

#15ffca
```
#15ffca rgb(21,255,202)
```
#154aff
```
#154aff rgb(21,74,255)
```
#ff154a
```
#ff154a rgb(255,21,74)
```
#ffca15
```
#ffca15 rgb(255,202,21)
```

Tetradic Color

#002dc8
```
#002dc8 rgb(0,45,200)
```
#0033e1
```
#0033e1 rgb(0,51,225)
```
#0039fb
```
#0039fb rgb(0,57,251)
```
#154aff
```
#154aff rgb(21,74,255)
```
#2f5eff
```
#2f5eff rgb(47,94,255)
```
#4871ff
```
#4871ff rgb(72,113,255)
```
#6285ff
```
#6285ff rgb(98,133,255)
```

Monochromatic Color

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

#1585ff
```
#1585ff rgb(21,133,255)
```
#1571ff
```
#1571ff rgb(21,113,255)
```
#155eff
```
#155eff rgb(21,94,255)
```
#154aff
```
#154aff rgb(21,74,255)
```
#1537ff
```
#1537ff rgb(21,55,255)
```
#1523ff
```
#1523ff rgb(21,35,255)
```
#1a15ff
```
#1a15ff rgb(26,21,255)
```

Similar Colors

Text with hexadecimal color #154aff

This text has a font color of #154aff.

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

#154aff background color

This paragraph has a background color of #154aff.

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

#154aff border color

This element has a border color of #154aff.

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

CSS codes

.text {color:#154aff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000515
```
#000515 rgb(0,5,21)
```
#000929
```
#000929 rgb(0,9,41)
```
#000e3c
```
#000e3c rgb(0,14,60)
```
#001250
```
#001250 rgb(0,18,80)
```
#001763
```
#001763 rgb(0,23,99)
```
#001b77
```
#001b77 rgb(0,27,119)
```
#001f8b
```
#001f8b rgb(0,31,139)
```
#00249e
```
#00249e rgb(0,36,158)
```
#0028b2
```
#0028b2 rgb(0,40,178)
```
#002dc6
```
#002dc6 rgb(0,45,198)
```
#0031d9
```
#0031d9 rgb(0,49,217)
```
#0036ed
```
#0036ed rgb(0,54,237)
```

Shade Color Variation

#013bff
```
#013bff rgb(1,59,255)
```
#154aff
```
#154aff rgb(21,74,255)
```
#2959ff
```
#2959ff rgb(41,89,255)
```
#3c68ff
```
#3c68ff rgb(60,104,255)
```
#5078ff
```
#5078ff rgb(80,120,255)
```
#6387ff
```
#6387ff rgb(99,135,255)
```
#7796ff
```
#7796ff rgb(119,150,255)
```
#8ba5ff
```
#8ba5ff rgb(139,165,255)
```
#9eb4ff
```
#9eb4ff rgb(158,180,255)
```
#b2c3ff
```
#b2c3ff rgb(178,195,255)
```
#c6d3ff
```
#c6d3ff rgb(198,211,255)
```
#d9e2ff
```
#d9e2ff rgb(217,226,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#818593
```
#818593 rgb(129,133,147)
```
#78809c
```
#78809c rgb(120,128,156)
```
#6f7ba5
```
#6f7ba5 rgb(111,123,165)
```
#6676ae
```
#6676ae rgb(102,118,174)
```
#5d71b7
```
#5d71b7 rgb(93,113,183)
```
#546cc0
```
#546cc0 rgb(84,108,192)
```
#4b68c9
```
#4b68c9 rgb(75,104,201)
```
#4263d2
```
#4263d2 rgb(66,99,210)
```
#395edb
```
#395edb rgb(57,94,219)
```
#3059e4
```
#3059e4 rgb(48,89,228)
```
#2754ed
```
#2754ed rgb(39,84,237)
```
#1e4ff6
```
#1e4ff6 rgb(30,79,246)
```
#154aff
```
#154aff rgb(21,74,255)
```

Tone Color Variation

Below, you can see how #154aff 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
#434e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#075cdc Protanomaly 1% of men, 0.01% of women
#0760cb Deuteranomaly 6% of men, 0.4% of women
#0765aa Tritanomaly 0.01% of the population

#154aff hex color

#154aff Color Information

#154aff Color Conversion

Color Schemes with #154aff

Alternatives to #154aff

#154aff Preview

Shades and Tints of #154aff

Tones of #154aff

Color Blindness Simulator