#154df0 hex color

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

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

● #154df0 color description : Vivid blue.

The hexadecimal color #154df0 has RGB values of R:21, G:77, B:240 and CMYK values of C:0.91, M:0.68, Y:0, K:0.06. Its decimal value is 1396208.

Hex triplet	154df0	`#154df0`
RGB Decimal	21, 77, 240	`rgb(21,77,240)`
RGB Percent	8.2, 30.2, 94.1	`rgb(8.2%,30.2%,94.1%)`
CMYK	91, 68, 0, 6
HSL	224.7°, 88, 51.2	`hsl(224.7,88%,51.2%)`
HSV (or HSB)	224.7°, 91.3, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	40.827, 45.8, -85.246
XYZ	18.688, 11.757, 83.718
xyY	0.164, 0.103, 11.757
CIE-LCH	40.827, 96.771, 298.248
CIE-LUV	40.827, -16.086, -122.706
Hunter-Lab	34.288, 37.282, -120.759
Binary	00010101, 01001101, 11110000

#154df0
```
#154df0 rgb(21,77,240)
```
#f0b815
```
#f0b815 rgb(240,184,21)
```

Complementary Color

#15bbf0
```
#15bbf0 rgb(21,187,240)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#4a15f0
```
#4a15f0 rgb(74,21,240)
```

Analogous Color

#bbf015
```
#bbf015 rgb(187,240,21)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#f04a15
```
#f04a15 rgb(240,74,21)
```

Split Complementary Color

#4df015
```
#4df015 rgb(77,240,21)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#f0154d
```
#f0154d rgb(240,21,77)
```

Triadic Color

#15f0b8
```
#15f0b8 rgb(21,240,184)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#f0154d
```
#f0154d rgb(240,21,77)
```
#f0b815
```
#f0b815 rgb(240,184,21)
```

Tetradic Color

#0b35ad
```
#0b35ad rgb(11,53,173)
```
#0d3cc5
```
#0d3cc5 rgb(13,60,197)
```
#0e43dd
```
#0e43dd rgb(14,67,221)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#2d5ff2
```
#2d5ff2 rgb(45,95,242)
```
#4571f3
```
#4571f3 rgb(69,113,243)
```
#5d84f5
```
#5d84f5 rgb(93,132,245)
```

Monochromatic Color

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

#1584f0
```
#1584f0 rgb(21,132,240)
```
#1572f0
```
#1572f0 rgb(21,114,240)
```
#155ff0
```
#155ff0 rgb(21,95,240)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#153bf0
```
#153bf0 rgb(21,59,240)
```
#1529f0
```
#1529f0 rgb(21,41,240)
```
#1516f0
```
#1516f0 rgb(21,22,240)
```

Similar Colors

Text with hexadecimal color #154df0

This text has a font color of #154df0.

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

#154df0 background color

This paragraph has a background color of #154df0.

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

#154df0 border color

This element has a border color of #154df0.

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

CSS codes

.text {color:#154df0;}

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

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

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)
```
#030d2b
```
#030d2b rgb(3,13,43)
```
#04123d
```
#04123d rgb(4,18,61)
```
#05184f
```
#05184f rgb(5,24,79)
```
#061e62
```
#061e62 rgb(6,30,98)
```
#072374
```
#072374 rgb(7,35,116)
```
#092987
```
#092987 rgb(9,41,135)
```
#0a2e99
```
#0a2e99 rgb(10,46,153)
```
#0b34ac
```
#0b34ac rgb(11,52,172)
```
#0c3abe
```
#0c3abe rgb(12,58,190)
```
#0d3fd0
```
#0d3fd0 rgb(13,63,208)
```
#0f45e3
```
#0f45e3 rgb(15,69,227)
```

Shade Color Variation

#154df0
```
#154df0 rgb(21,77,240)
```
#275bf1
```
#275bf1 rgb(39,91,241)
```
#3a69f2
```
#3a69f2 rgb(58,105,242)
```
#4c77f4
```
#4c77f4 rgb(76,119,244)
```
#5f85f5
```
#5f85f5 rgb(95,133,245)
```
#7193f6
```
#7193f6 rgb(113,147,246)
```
#84a1f7
```
#84a1f7 rgb(132,161,247)
```
#96aff8
```
#96aff8 rgb(150,175,248)
```
#a8bdf9
```
#a8bdf9 rgb(168,189,249)
```
#bbcbfb
```
#bbcbfb rgb(187,203,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 #0b48fa is the most saturated one.

#7e8087
```
#7e8087 rgb(126,128,135)
```
#757c90
```
#757c90 rgb(117,124,144)
```
#6b779a
```
#6b779a rgb(107,119,154)
```
#6272a3
```
#6272a3 rgb(98,114,163)
```
#586ead
```
#586ead rgb(88,110,173)
```
#4e69b7
```
#4e69b7 rgb(78,105,183)
```
#4564c0
```
#4564c0 rgb(69,100,192)
```
#3b60ca
```
#3b60ca rgb(59,96,202)
```
#325bd3
```
#325bd3 rgb(50,91,211)
```
#2856dd
```
#2856dd rgb(40,86,221)
```
#1f52e6
```
#1f52e6 rgb(31,82,230)
```
#154df0
```
#154df0 rgb(21,77,240)
```
#0b48fa
```
#0b48fa rgb(11,72,250)
```

Tone Color Variation

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

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#075cd5 Protanomaly 1% of men, 0.01% of women
#0760c4 Deuteranomaly 6% of men, 0.4% of women
#0765a3 Tritanomaly 0.01% of the population

#154df0 hex color

#154df0 Color Information

#154df0 Color Conversion

Color Schemes with #154df0

Alternatives to #154df0

#154df0 Preview

Shades and Tints of #154df0

Tones of #154df0

Color Blindness Simulator