#155af7 hex color

In a RGB color space, hex #155af7 is composed of 8.2% red, 35.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 63.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 221.7 degrees, a saturation of 93.4% and a lightness of 52.5%. #155af7 color hex could be obtained by blending #2ab4ff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 35
- B 97
RGB color chart
- C 91
- M 64
- Y 0
- K 3
CMYK color chart

● #155af7 color description : Vivid blue.

The hexadecimal color #155af7 has RGB values of R:21, G:90, B:247 and CMYK values of C:0.91, M:0.64, Y:0, K:0.03. Its decimal value is 1399543.

Hex triplet	155af7	`#155af7`
RGB Decimal	21, 90, 247	`rgb(21,90,247)`
RGB Percent	8.2, 35.3, 96.9	`rgb(8.2%,35.3%,96.9%)`
CMYK	91, 64, 0, 3
HSL	221.7°, 93.4, 52.5	`hsl(221.7,93.4%,52.5%)`
HSV (or HSB)	221.7°, 91.5, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.498, 40.303, -83.137
XYZ	20.75, 14.185, 89.635
xyY	0.167, 0.114, 14.185
CIE-LCH	44.498, 92.391, 295.863
CIE-LUV	44.498, -18.882, -123.93
Hunter-Lab	37.664, 32.432, -114.739
Binary	00010101, 01011010, 11110111

#155af7
```
#155af7 rgb(21,90,247)
```
#f7b215
```
#f7b215 rgb(247,178,21)
```

Complementary Color

#15cbf7
```
#15cbf7 rgb(21,203,247)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#4115f7
```
#4115f7 rgb(65,21,247)
```

Analogous Color

#cbf715
```
#cbf715 rgb(203,247,21)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#f74115
```
#f74115 rgb(247,65,21)
```

Split Complementary Color

#5af715
```
#5af715 rgb(90,247,21)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#f7155a
```
#f7155a rgb(247,21,90)
```

Triadic Color

#15f7b2
```
#15f7b2 rgb(21,247,178)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#f7155a
```
#f7155a rgb(247,21,90)
```
#f7b215
```
#f7b215 rgb(247,178,21)
```

Tetradic Color

#063db9
```
#063db9 rgb(6,61,185)
```
#0745d2
```
#0745d2 rgb(7,69,210)
```
#084dea
```
#084dea rgb(8,77,234)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#2e6bf8
```
#2e6bf8 rgb(46,107,248)
```
#467df9
```
#467df9 rgb(70,125,249)
```
#5f8efa
```
#5f8efa rgb(95,142,250)
```

Monochromatic Color

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

#1593f7
```
#1593f7 rgb(21,147,247)
```
#1580f7
```
#1580f7 rgb(21,128,247)
```
#156df7
```
#156df7 rgb(21,109,247)
```
#155af7
```
#155af7 rgb(21,90,247)
```
#1547f7
```
#1547f7 rgb(21,71,247)
```
#1534f7
```
#1534f7 rgb(21,52,247)
```
#1522f7
```
#1522f7 rgb(21,34,247)
```

Similar Colors

Text with hexadecimal color #155af7

This text has a font color of #155af7.

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

#155af7 background color

This paragraph has a background color of #155af7.

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

#155af7 border color

This element has a border color of #155af7.

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

CSS codes

.text {color:#155af7;}

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

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

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, #00040d is the darkest color, while #f9faff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#010a20
```
#010a20 rgb(1,10,32)
```
#021133
```
#021133 rgb(2,17,51)
```
#021745
```
#021745 rgb(2,23,69)
```
#031d58
```
#031d58 rgb(3,29,88)
```
#04236b
```
#04236b rgb(4,35,107)
```
#042a7e
```
#042a7e rgb(4,42,126)
```
#053091
```
#053091 rgb(5,48,145)
```
#0636a4
```
#0636a4 rgb(6,54,164)
```
#063cb7
```
#063cb7 rgb(6,60,183)
```
#0743ca
```
#0743ca rgb(7,67,202)
```
#0849dd
```
#0849dd rgb(8,73,221)
```
#084ff0
```
#084ff0 rgb(8,79,240)
```

Shade Color Variation

#155af7
```
#155af7 rgb(21,90,247)
```
#2867f8
```
#2867f8 rgb(40,103,248)
```
#3b75f8
```
#3b75f8 rgb(59,117,248)
```
#4e82f9
```
#4e82f9 rgb(78,130,249)
```
#618ffa
```
#618ffa rgb(97,143,250)
```
#749dfa
```
#749dfa rgb(116,157,250)
```
#87aafb
```
#87aafb rgb(135,170,251)
```
#9ab8fc
```
#9ab8fc rgb(154,184,252)
```
#adc5fc
```
#adc5fc rgb(173,197,252)
```
#c0d2fd
```
#c0d2fd rgb(192,210,253)
```
#d3e0fd
```
#d3e0fd rgb(211,224,253)
```
#e6edfe
```
#e6edfe rgb(230,237,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#858587
```
#858587 rgb(133,133,135)
```
#7b8291
```
#7b8291 rgb(123,130,145)
```
#727e9a
```
#727e9a rgb(114,126,154)
```
#697ba3
```
#697ba3 rgb(105,123,163)
```
#5f77ad
```
#5f77ad rgb(95,119,173)
```
#5673b6
```
#5673b6 rgb(86,115,182)
```
#4d70bf
```
#4d70bf rgb(77,112,191)
```
#446cc8
```
#446cc8 rgb(68,108,200)
```
#3a68d2
```
#3a68d2 rgb(58,104,210)
```
#3165db
```
#3165db rgb(49,101,219)
```
#2861e4
```
#2861e4 rgb(40,97,228)
```
#1e5eee
```
#1e5eee rgb(30,94,238)
```
#155af7
```
#155af7 rgb(21,90,247)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4a5877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0074b9 Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0766e1 Protanomaly 1% of men, 0.01% of women
#076ad0 Deuteranomaly 6% of men, 0.4% of women
#076fac Tritanomaly 0.01% of the population

#155af7 hex color

#155af7 Color Information

#155af7 Color Conversion

Color Schemes with #155af7

Alternatives to #155af7

#155af7 Preview

Shades and Tints of #155af7

Tones of #155af7

Color Blindness Simulator