#154af0 hex color

In a RGB color space, hex #154af0 is composed of 8.2% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 225.5 degrees, a saturation of 88% and a lightness of 51.2%. #154af0 color hex could be obtained by blending #2a94ff with #0000e1. Closest websafe color is: #0033ff.

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

● #154af0 color description : Vivid blue.

The hexadecimal color #154af0 has RGB values of R:21, G:74, B:240 and CMYK values of C:0.91, M:0.69, Y:0, K:0.06. Its decimal value is 1395440.

Hex triplet	154af0	`#154af0`
RGB Decimal	21, 74, 240	`rgb(21,74,240)`
RGB Percent	8.2, 29, 94.1	`rgb(8.2%,29%,94.1%)`
CMYK	91, 69, 0, 6
HSL	225.5°, 88, 51.2	`hsl(225.5,88%,51.2%)`
HSV (or HSB)	225.5°, 91.3, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.158, 47.615, -86.349
XYZ	18.483, 11.347, 83.649
xyY	0.163, 0.1, 11.347
CIE-LCH	40.158, 98.607, 298.873
CIE-LUV	40.158, -15.491, -123.232
Hunter-Lab	33.685, 38.994, -123.654
Binary	00010101, 01001010, 11110000

#154af0
```
#154af0 rgb(21,74,240)
```
#f0bb15
```
#f0bb15 rgb(240,187,21)
```

Complementary Color

#15b8f0
```
#15b8f0 rgb(21,184,240)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#4e15f0
```
#4e15f0 rgb(78,21,240)
```

Analogous Color

#b8f015
```
#b8f015 rgb(184,240,21)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#f04e15
```
#f04e15 rgb(240,78,21)
```

Split Complementary Color

#4af015
```
#4af015 rgb(74,240,21)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#f0154a
```
#f0154a rgb(240,21,74)
```

Triadic Color

#15f0bb
```
#15f0bb rgb(21,240,187)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#f0154a
```
#f0154a rgb(240,21,74)
```
#f0bb15
```
#f0bb15 rgb(240,187,21)
```

Tetradic Color

#0b32ad
```
#0b32ad rgb(11,50,173)
```
#0d39c5
```
#0d39c5 rgb(13,57,197)
```
#0e40dd
```
#0e40dd rgb(14,64,221)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#2d5df2
```
#2d5df2 rgb(45,93,242)
```
#456ff3
```
#456ff3 rgb(69,111,243)
```
#5d82f5
```
#5d82f5 rgb(93,130,245)
```

Monochromatic Color

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

#1581f0
```
#1581f0 rgb(21,129,240)
```
#156ff0
```
#156ff0 rgb(21,111,240)
```
#155cf0
```
#155cf0 rgb(21,92,240)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#1538f0
```
#1538f0 rgb(21,56,240)
```
#1525f0
```
#1525f0 rgb(21,37,240)
```
#1715f0
```
#1715f0 rgb(23,21,240)
```

Similar Colors

Text with hexadecimal color #154af0

This text has a font color of #154af0.

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

#154af0 background color

This paragraph has a background color of #154af0.

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

#154af0 border color

This element has a border color of #154af0.

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

CSS codes

.text {color:#154af0;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#020718
```
#020718 rgb(2,7,24)
```
#030c2b
```
#030c2b rgb(3,12,43)
```
#04123d
```
#04123d rgb(4,18,61)
```
#05174f
```
#05174f rgb(5,23,79)
```
#061c62
```
#061c62 rgb(6,28,98)
```
#072274
```
#072274 rgb(7,34,116)
```
#092787
```
#092787 rgb(9,39,135)
```
#0a2c99
```
#0a2c99 rgb(10,44,153)
```
#0b32ac
```
#0b32ac rgb(11,50,172)
```
#0c37be
```
#0c37be rgb(12,55,190)
```
#0d3dd0
```
#0d3dd0 rgb(13,61,208)
```
#0f42e3
```
#0f42e3 rgb(15,66,227)
```

Shade Color Variation

#154af0
```
#154af0 rgb(21,74,240)
```
#2758f1
```
#2758f1 rgb(39,88,241)
```
#3a67f2
```
#3a67f2 rgb(58,103,242)
```
#4c75f4
```
#4c75f4 rgb(76,117,244)
```
#5f83f5
```
#5f83f5 rgb(95,131,245)
```
#7191f6
```
#7191f6 rgb(113,145,246)
```
#84a0f7
```
#84a0f7 rgb(132,160,247)
```
#96aef8
```
#96aef8 rgb(150,174,248)
```
#a8bcf9
```
#a8bcf9 rgb(168,188,249)
```
#bbcafb
```
#bbcafb rgb(187,202,251)
```
#cdd9fc
```
#cdd9fc rgb(205,217,252)
```
#e0e7fd
```
#e0e7fd rgb(224,231,253)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

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

#7e8087
```
#7e8087 rgb(126,128,135)
```
#757b90
```
#757b90 rgb(117,123,144)
```
#6b769a
```
#6b769a rgb(107,118,154)
```
#6272a3
```
#6272a3 rgb(98,114,163)
```
#586dad
```
#586dad rgb(88,109,173)
```
#4e68b7
```
#4e68b7 rgb(78,104,183)
```
#4563c0
```
#4563c0 rgb(69,99,192)
```
#3b5eca
```
#3b5eca rgb(59,94,202)
```
#3259d3
```
#3259d3 rgb(50,89,211)
```
#2854dd
```
#2854dd rgb(40,84,221)
```
#1f4fe6
```
#1f4fe6 rgb(31,79,230)
```
#154af0
```
#154af0 rgb(21,74,240)
```
#0b45fa
```
#0b45fa rgb(11,69,250)
```

Tone Color Variation

Below, you can see how #154af0 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
#424c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#075ad3 Protanomaly 1% of men, 0.01% of women
#075ec2 Deuteranomaly 6% of men, 0.4% of women
#0762a2 Tritanomaly 0.01% of the population

#154af0 hex color

#154af0 Color Information

#154af0 Color Conversion

Color Schemes with #154af0

Alternatives to #154af0

#154af0 Preview

Shades and Tints of #154af0

Tones of #154af0

Color Blindness Simulator