#155ae1 hex color

In a RGB color space, hex #155ae1 is composed of 8.2% red, 35.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 60% magenta, 0% yellow and 11.8% black. It has a hue angle of 219.7 degrees, a saturation of 82.9% and a lightness of 48.2%. #155ae1 color hex could be obtained by blending #2ab4ff with #0000c3. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 88
RGB color chart
- C 91
- M 60
- Y 0
- K 12
CMYK color chart

● #155ae1 color description : Vivid blue.

The hexadecimal color #155ae1 has RGB values of R:21, G:90, B:225 and CMYK values of C:0.91, M:0.6, Y:0, K:0.12. Its decimal value is 1399521.

Hex triplet	155ae1	`#155ae1`
RGB Decimal	21, 90, 225	`rgb(21,90,225)`
RGB Percent	8.2, 35.3, 88.2	`rgb(8.2%,35.3%,88.2%)`
CMYK	91, 60, 0, 12
HSL	219.7°, 82.9, 48.2	`hsl(219.7,82.9%,48.2%)`
HSV (or HSB)	219.7°, 90.7, 88.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.622, 32.054, -73.81
XYZ	17.553, 12.907, 72.796
xyY	0.17, 0.125, 12.907
CIE-LCH	42.622, 80.47, 293.475
CIE-LUV	42.622, -19.049, -109.659
Hunter-Lab	35.926, 24.344, -94.991
Binary	00010101, 01011010, 11100001

#155ae1
```
#155ae1 rgb(21,90,225)
```
#e19c15
```
#e19c15 rgb(225,156,21)
```

Complementary Color

#15c0e1
```
#15c0e1 rgb(21,192,225)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#3615e1
```
#3615e1 rgb(54,21,225)
```

Analogous Color

#c0e115
```
#c0e115 rgb(192,225,21)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#e13615
```
#e13615 rgb(225,54,21)
```

Split Complementary Color

#5ae115
```
#5ae115 rgb(90,225,21)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#e1155a
```
#e1155a rgb(225,21,90)
```

Triadic Color

#15e19c
```
#15e19c rgb(21,225,156)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#e1155a
```
#e1155a rgb(225,21,90)
```
#e19c15
```
#e19c15 rgb(225,156,21)
```

Tetradic Color

#0e3e9b
```
#0e3e9b rgb(14,62,155)
```
#1147b2
```
#1147b2 rgb(17,71,178)
```
#1351ca
```
#1351ca rgb(19,81,202)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#2568eb
```
#2568eb rgb(37,104,235)
```
#3c78ed
```
#3c78ed rgb(60,120,237)
```
#5488ef
```
#5488ef rgb(84,136,239)
```

Monochromatic Color

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

#158de1
```
#158de1 rgb(21,141,225)
```
#157ce1
```
#157ce1 rgb(21,124,225)
```
#156be1
```
#156be1 rgb(21,107,225)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#1549e1
```
#1549e1 rgb(21,73,225)
```
#1538e1
```
#1538e1 rgb(21,56,225)
```
#1527e1
```
#1527e1 rgb(21,39,225)
```

Similar Colors

Text with hexadecimal color #155ae1

This text has a font color of #155ae1.

<span style="color:#155ae1;">Text here</span>

#155ae1 background color

This paragraph has a background color of #155ae1.

<p style="background-color:#155ae1;">Content here</p>

#155ae1 border color

This element has a border color of #155ae1.

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

CSS codes

.text {color:#155ae1;}

.background {background-color:#155ae1;}

.border {border:1px solid #155ae1;}

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#030b1c
```
#030b1c rgb(3,11,28)
```
#04122e
```
#04122e rgb(4,18,46)
```
#061940
```
#061940 rgb(6,25,64)
```
#082151
```
#082151 rgb(8,33,81)
```
#092863
```
#092863 rgb(9,40,99)
```
#0b2f75
```
#0b2f75 rgb(11,47,117)
```
#0d3687
```
#0d3687 rgb(13,54,135)
```
#0e3d99
```
#0e3d99 rgb(14,61,153)
```
#1044ab
```
#1044ab rgb(16,68,171)
```
#124cbd
```
#124cbd rgb(18,76,189)
```
#1353cf
```
#1353cf rgb(19,83,207)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```

Shade Color Variation

#1f64ea
```
#1f64ea rgb(31,100,234)
```
#3170ec
```
#3170ec rgb(49,112,236)
```
#437ded
```
#437ded rgb(67,125,237)
```
#5589ef
```
#5589ef rgb(85,137,239)
```
#6796f1
```
#6796f1 rgb(103,150,241)
```
#79a2f3
```
#79a2f3 rgb(121,162,243)
```
#8baff4
```
#8baff4 rgb(139,175,244)
```
#9dbbf6
```
#9dbbf6 rgb(157,187,246)
```
#afc8f8
```
#afc8f8 rgb(175,200,248)
```
#c1d4f9
```
#c1d4f9 rgb(193,212,249)
```
#d3e0fb
```
#d3e0fb rgb(211,224,251)
```
#e5edfd
```
#e5edfd rgb(229,237,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#747982
```
#747982 rgb(116,121,130)
```
#6a768c
```
#6a768c rgb(106,118,140)
```
#617295
```
#617295 rgb(97,114,149)
```
#576f9f
```
#576f9f rgb(87,111,159)
```
#4e6ca8
```
#4e6ca8 rgb(78,108,168)
```
#4469b2
```
#4469b2 rgb(68,105,178)
```
#3b66bb
```
#3b66bb rgb(59,102,187)
```
#3163c5
```
#3163c5 rgb(49,99,197)
```
#2860ce
```
#2860ce rgb(40,96,206)
```
#1e5dd8
```
#1e5dd8 rgb(30,93,216)
```
#155ae1
```
#155ae1 rgb(21,90,225)
```
#0c57ea
```
#0c57ea rgb(12,87,234)
```
#0254f4
```
#0254f4 rgb(2,84,244)
```

Tone Color Variation

Below, you can see how #155ae1 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

#555555 Achromatopsia 0.005% of the population
#485671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0763d4 Protanomaly 1% of men, 0.01% of women
#0767c3 Deuteranomaly 6% of men, 0.4% of women
#076ca1 Tritanomaly 0.01% of the population

#155ae1 hex color

#155ae1 Color Information

#155ae1 Color Conversion

Color Schemes with #155ae1

Alternatives to #155ae1

#155ae1 Preview

Shades and Tints of #155ae1

Tones of #155ae1

Color Blindness Simulator