#150aa3 hex color

In a RGB color space, hex #150aa3 is composed of 8.2% red, 3.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 93.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 244.3 degrees, a saturation of 88.4% and a lightness of 33.9%. #150aa3 color hex could be obtained by blending #2a14ff with #000047. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 8
- G 4
- B 64
RGB color chart
- C 87
- M 94
- Y 0
- K 36
CMYK color chart

● #150aa3 color description : Dark blue.

The hexadecimal color #150aa3 has RGB values of R:21, G:10, B:163 and CMYK values of C:0.87, M:0.94, Y:0, K:0.36. Its decimal value is 1378979.

Hex triplet	150aa3	`#150aa3`
RGB Decimal	21, 10, 163	`rgb(21,10,163)`
RGB Percent	8.2, 3.9, 63.9	`rgb(8.2%,3.9%,63.9%)`
CMYK	87, 94, 0, 36
HSL	244.3°, 88.4, 33.9	`hsl(244.3,88.4%,33.9%)`
HSV (or HSB)	244.3°, 93.9, 63.9
Web Safe	000099	`#000099`

CIE-LAB	20.125, 54.144, -74.537
XYZ	7.027, 3.02, 34.861
xyY	0.156, 0.067, 3.02
CIE-LCH	20.125, 92.127, 305.995
CIE-LUV	20.125, -4.893, -77.207
Hunter-Lab	17.379, 41.764, -106.765
Binary	00010101, 00001010, 10100011

#150aa3
```
#150aa3 rgb(21,10,163)
```
#98a30a
```
#98a30a rgb(152,163,10)
```

Complementary Color

#0a4ba3
```
#0a4ba3 rgb(10,75,163)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#610aa3
```
#610aa3 rgb(97,10,163)
```

Analogous Color

#4ca30a
```
#4ca30a rgb(76,163,10)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#a3620a
```
#a3620a rgb(163,98,10)
```

Split Complementary Color

#0aa315
```
#0aa315 rgb(10,163,21)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#a3150a
```
#a3150a rgb(163,21,10)
```

Triadic Color

#0a98a3
```
#0a98a3 rgb(10,152,163)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#a3150a
```
#a3150a rgb(163,21,10)
```
#98a30a
```
#98a30a rgb(152,163,10)
```

Tetradic Color

#0c065b
```
#0c065b rgb(12,6,91)
```
#0f0773
```
#0f0773 rgb(15,7,115)
```
#12098b
```
#12098b rgb(18,9,139)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#180bbb
```
#180bbb rgb(24,11,187)
```
#1b0dd3
```
#1b0dd3 rgb(27,13,211)
```
#1e0eeb
```
#1e0eeb rgb(30,14,235)
```

Monochromatic Color

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

#0a25a3
```
#0a25a3 rgb(10,37,163)
```
#0a19a3
```
#0a19a3 rgb(10,25,163)
```
#0a0ca3
```
#0a0ca3 rgb(10,12,163)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#220aa3
```
#220aa3 rgb(34,10,163)
```
#2f0aa3
```
#2f0aa3 rgb(47,10,163)
```
#3b0aa3
```
#3b0aa3 rgb(59,10,163)
```

Similar Colors

Text with hexadecimal color #150aa3

This text has a font color of #150aa3.

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

#150aa3 background color

This paragraph has a background color of #150aa3.

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

#150aa3 border color

This element has a border color of #150aa3.

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

CSS codes

.text {color:#150aa3;}

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

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

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, #02010f is the darkest color, while #fcfcff is the lightest one.

#02010f
```
#02010f rgb(2,1,15)
```
#040222
```
#040222 rgb(4,2,34)
```
#070334
```
#070334 rgb(7,3,52)
```
#090447
```
#090447 rgb(9,4,71)
```
#0b0559
```
#0b0559 rgb(11,5,89)
```
#0e076c
```
#0e076c rgb(14,7,108)
```
#10087e
```
#10087e rgb(16,8,126)
```
#130991
```
#130991 rgb(19,9,145)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#170bb5
```
#170bb5 rgb(23,11,181)
```
#1a0cc8
```
#1a0cc8 rgb(26,12,200)
```
#1c0dda
```
#1c0dda rgb(28,13,218)
```
#1f0fed
```
#1f0fed rgb(31,15,237)
```

Shade Color Variation

#2d1ef1
```
#2d1ef1 rgb(45,30,241)
```
#3e30f2
```
#3e30f2 rgb(62,48,242)
```
#5043f3
```
#5043f3 rgb(80,67,243)
```
#6155f5
```
#6155f5 rgb(97,85,245)
```
#7268f6
```
#7268f6 rgb(114,104,246)
```
#837af7
```
#837af7 rgb(131,122,247)
```
#948df8
```
#948df8 rgb(148,141,248)
```
#a69ff9
```
#a69ff9 rgb(166,159,249)
```
#b7b2fa
```
#b7b2fa rgb(183,178,250)
```
#c8c4fb
```
#c8c4fb rgb(200,196,251)
```
#d9d7fd
```
#d9d7fd rgb(217,215,253)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#54535a
```
#54535a rgb(84,83,90)
```
#4e4d60
```
#4e4d60 rgb(78,77,96)
```
#484667
```
#484667 rgb(72,70,103)
```
#433f6e
```
#433f6e rgb(67,63,110)
```
#3d3974
```
#3d3974 rgb(61,57,116)
```
#37327b
```
#37327b rgb(55,50,123)
```
#312b82
```
#312b82 rgb(49,43,130)
```
#2c2588
```
#2c2588 rgb(44,37,136)
```
#261e8f
```
#261e8f rgb(38,30,143)
```
#201796
```
#201796 rgb(32,23,150)
```
#1b119c
```
#1b119c rgb(27,17,156)
```
#150aa3
```
#150aa3 rgb(21,10,163)
```
#0f03aa
```
#0f03aa rgb(15,3,170)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#1d1b39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003d60 Deuteranopia 1% of men
#004143 Tritanopia 0.001% of the population

Trichromacy

#072882 Protanomaly 1% of men, 0.01% of women
#072a78 Deuteranomaly 6% of men, 0.4% of women
#072d66 Tritanomaly 0.01% of the population

#150aa3 hex color

#150aa3 Color Information

#150aa3 Color Conversion

Color Schemes with #150aa3

Alternatives to #150aa3

#150aa3 Preview

Shades and Tints of #150aa3

Tones of #150aa3

Color Blindness Simulator