#150af9 hex color

In a RGB color space, hex #150af9 is composed of 8.2% red, 3.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 96% magenta, 0% yellow and 2.4% black. It has a hue angle of 242.8 degrees, a saturation of 95.2% and a lightness of 50.8%. #150af9 color hex could be obtained by blending #2a14ff with #0000f3. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 8
- G 4
- B 98
RGB color chart
- C 92
- M 96
- Y 0
- K 2
CMYK color chart

● #150af9 color description : Vivid blue.

The hexadecimal color #150af9 has RGB values of R:21, G:10, B:249 and CMYK values of C:0.92, M:0.96, Y:0, K:0.02. Its decimal value is 1379065.

Hex triplet	150af9	`#150af9`
RGB Decimal	21, 10, 249	`rgb(21,10,249)`
RGB Percent	8.2, 3.9, 97.6	`rgb(8.2%,3.9%,97.6%)`
CMYK	92, 96, 0, 2
HSL	242.8°, 95.2, 50.8	`hsl(242.8,95.2%,50.8%)`
HSV (or HSB)	242.8°, 96, 97.6
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.291, 76.37, -104.497
XYZ	17.513, 7.215, 90.087
xyY	0.153, 0.063, 7.215
CIE-LCH	32.291, 129.43, 306.161
CIE-LUV	32.291, -8.788, -127.766
Hunter-Lab	26.86, 69.379, -180.051
Binary	00010101, 00001010, 11111001

#150af9
```
#150af9 rgb(21,10,249)
```
#eef90a
```
#eef90a rgb(238,249,10)
```

Complementary Color

#0a77f9
```
#0a77f9 rgb(10,119,249)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#8d0af9
```
#8d0af9 rgb(141,10,249)
```

Analogous Color

#77f90a
```
#77f90a rgb(119,249,10)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#f98d0a
```
#f98d0a rgb(249,141,10)
```

Split Complementary Color

#0af915
```
#0af915 rgb(10,249,21)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#f9150a
```
#f9150a rgb(249,21,10)
```

Triadic Color

#0aeef9
```
#0aeef9 rgb(10,238,249)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#f9150a
```
#f9150a rgb(249,21,10)
```
#eef90a
```
#eef90a rgb(238,249,10)
```

Tetradic Color

#0c04b2
```
#0c04b2 rgb(12,4,178)
```
#0e05cb
```
#0e05cb rgb(14,5,203)
```
#1006e4
```
#1006e4 rgb(16,6,228)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#2d23fa
```
#2d23fa rgb(45,35,250)
```
#453cfa
```
#453cfa rgb(69,60,250)
```
#5c55fb
```
#5c55fb rgb(92,85,251)
```

Monochromatic Color

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

#0a3bf9
```
#0a3bf9 rgb(10,59,249)
```
#0a27f9
```
#0a27f9 rgb(10,39,249)
```
#0a13f9
```
#0a13f9 rgb(10,19,249)
```
#150af9
```
#150af9 rgb(21,10,249)
```
#290af9
```
#290af9 rgb(41,10,249)
```
#3d0af9
```
#3d0af9 rgb(61,10,249)
```
#510af9
```
#510af9 rgb(81,10,249)
```

Similar Colors

Text with hexadecimal color #150af9

This text has a font color of #150af9.

<span style="color:#150af9;">Text here</span>

#150af9 background color

This paragraph has a background color of #150af9.

<p style="background-color:#150af9;">Content here</p>

#150af9 border color

This element has a border color of #150af9.

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

CSS codes

.text {color:#150af9;}

.background {background-color:#150af9;}

.border {border:1px solid #150af9;}

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

#000004
```
#000004 rgb(0,0,4)
```
#020117
```
#020117 rgb(2,1,23)
```
#03012a
```
#03012a rgb(3,1,42)
```
#04023d
```
#04023d rgb(4,2,61)
```
#060250
```
#060250 rgb(6,2,80)
```
#070264
```
#070264 rgb(7,2,100)
```
#080377
```
#080377 rgb(8,3,119)
```
#0a038a
```
#0a038a rgb(10,3,138)
```
#0b049d
```
#0b049d rgb(11,4,157)
```
#0c04b0
```
#0c04b0 rgb(12,4,176)
```
#0e05c3
```
#0e05c3 rgb(14,5,195)
```
#0f05d7
```
#0f05d7 rgb(15,5,215)
```
#1006ea
```
#1006ea rgb(16,6,234)
```

Shade Color Variation

#150af9
```
#150af9 rgb(21,10,249)
```
#271df9
```
#271df9 rgb(39,29,249)
```
#3a30fa
```
#3a30fa rgb(58,48,250)
```
#4c43fa
```
#4c43fa rgb(76,67,250)
```
#5e57fb
```
#5e57fb rgb(94,87,251)
```
#706afb
```
#706afb rgb(112,106,251)
```
#837dfc
```
#837dfc rgb(131,125,252)
```
#9590fc
```
#9590fc rgb(149,144,252)
```
#a7a3fd
```
#a7a3fd rgb(167,163,253)
```
#bab6fd
```
#bab6fd rgb(186,182,253)
```
#ccc9fe
```
#ccc9fe rgb(204,201,254)
```
#deddfe
```
#deddfe rgb(222,221,254)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#7e7e85
```
#7e7e85 rgb(126,126,133)
```
#75748f
```
#75748f rgb(117,116,143)
```
#6d6b98
```
#6d6b98 rgb(109,107,152)
```
#6461a2
```
#6461a2 rgb(100,97,162)
```
#5b57ac
```
#5b57ac rgb(91,87,172)
```
#524eb5
```
#524eb5 rgb(82,78,181)
```
#4a44bf
```
#4a44bf rgb(74,68,191)
```
#413ac9
```
#413ac9 rgb(65,58,201)
```
#3831d2
```
#3831d2 rgb(56,49,210)
```
#2f27dc
```
#2f27dc rgb(47,39,220)
```
#271de6
```
#271de6 rgb(39,29,230)
```
#1e14ef
```
#1e14ef rgb(30,20,239)
```
#150af9
```
#150af9 rgb(21,10,249)
```

Tone Color Variation

Below, you can see how #150af9 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

#292929 Achromatopsia 0.005% of the population
#252353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0738c0 Protanomaly 1% of men, 0.01% of women
#073bb2 Deuteranomaly 6% of men, 0.4% of women
#073f98 Tritanomaly 0.01% of the population

#150af9 hex color

#150af9 Color Information

#150af9 Color Conversion

Color Schemes with #150af9

Alternatives to #150af9

#150af9 Preview

Shades and Tints of #150af9

Tones of #150af9

Color Blindness Simulator