#155be2 hex color

In a RGB color space, hex #155be2 is composed of 8.2% red, 35.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 59.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 219.5 degrees, a saturation of 83% and a lightness of 48.4%. #155be2 color hex could be obtained by blending #2ab6ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 36
- B 89
RGB color chart
- C 91
- M 60
- Y 0
- K 11
CMYK color chart

● #155be2 color description : Vivid blue.

The hexadecimal color #155be2 has RGB values of R:21, G:91, B:226 and CMYK values of C:0.91, M:0.6, Y:0, K:0.11. Its decimal value is 1399778.

Hex triplet	155be2	`#155be2`
RGB Decimal	21, 91, 226	`rgb(21,91,226)`
RGB Percent	8.2, 35.7, 88.6	`rgb(8.2%,35.7%,88.6%)`
CMYK	91, 60, 0, 11
HSL	219.5°, 83, 48.4	`hsl(219.5,83%,48.4%)`
HSV (or HSB)	219.5°, 90.7, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.96, 31.791, -73.825
XYZ	17.775, 13.131, 73.545
xyY	0.17, 0.126, 13.131
CIE-LCH	42.96, 80.379, 293.298
CIE-LUV	42.96, -19.287, -109.961
Hunter-Lab	36.237, 24.143, -94.967
Binary	00010101, 01011011, 11100010

#155be2
```
#155be2 rgb(21,91,226)
```
#e29c15
```
#e29c15 rgb(226,156,21)
```

Complementary Color

#15c2e2
```
#15c2e2 rgb(21,194,226)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#3515e2
```
#3515e2 rgb(53,21,226)
```

Analogous Color

#c2e215
```
#c2e215 rgb(194,226,21)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#e23515
```
#e23515 rgb(226,53,21)
```

Split Complementary Color

#5be215
```
#5be215 rgb(91,226,21)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#e2155b
```
#e2155b rgb(226,21,91)
```

Triadic Color

#15e29c
```
#15e29c rgb(21,226,156)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#e2155b
```
#e2155b rgb(226,21,91)
```
#e29c15
```
#e29c15 rgb(226,156,21)
```

Tetradic Color

#0e3f9c
```
#0e3f9c rgb(14,63,156)
```
#1148b3
```
#1148b3 rgb(17,72,179)
```
#1352cb
```
#1352cb rgb(19,82,203)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#2669eb
```
#2669eb rgb(38,105,235)
```
#3d79ed
```
#3d79ed rgb(61,121,237)
```
#5489ef
```
#5489ef rgb(84,137,239)
```

Monochromatic Color

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

#158ee2
```
#158ee2 rgb(21,142,226)
```
#157de2
```
#157de2 rgb(21,125,226)
```
#156ce2
```
#156ce2 rgb(21,108,226)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#154ae2
```
#154ae2 rgb(21,74,226)
```
#1539e2
```
#1539e2 rgb(21,57,226)
```
#1528e2
```
#1528e2 rgb(21,40,226)
```

Similar Colors

Text with hexadecimal color #155be2

This text has a font color of #155be2.

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

#155be2 background color

This paragraph has a background color of #155be2.

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

#155be2 border color

This element has a border color of #155be2.

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

CSS codes

.text {color:#155be2;}

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

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

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

#01040b
```
#01040b rgb(1,4,11)
```
#030c1d
```
#030c1d rgb(3,12,29)
```
#04132f
```
#04132f rgb(4,19,47)
```
#061a40
```
#061a40 rgb(6,26,64)
```
#082152
```
#082152 rgb(8,33,82)
```
#092864
```
#092864 rgb(9,40,100)
```
#0b3076
```
#0b3076 rgb(11,48,118)
```
#0d3788
```
#0d3788 rgb(13,55,136)
```
#0e3e9a
```
#0e3e9a rgb(14,62,154)
```
#1045ac
```
#1045ac rgb(16,69,172)
```
#124dbe
```
#124dbe rgb(18,77,190)
```
#1354d0
```
#1354d0 rgb(19,84,208)
```
#155be2
```
#155be2 rgb(21,91,226)
```

Shade Color Variation

#2065ea
```
#2065ea rgb(32,101,234)
```
#3272ec
```
#3272ec rgb(50,114,236)
```
#447eee
```
#447eee rgb(68,126,238)
```
#568aef
```
#568aef rgb(86,138,239)
```
#6897f1
```
#6897f1 rgb(104,151,241)
```
#7aa3f3
```
#7aa3f3 rgb(122,163,243)
```
#8cb0f4
```
#8cb0f4 rgb(140,176,244)
```
#9ebcf6
```
#9ebcf6 rgb(158,188,246)
```
#b0c8f8
```
#b0c8f8 rgb(176,200,248)
```
#c2d5f9
```
#c2d5f9 rgb(194,213,249)
```
#d4e1fb
```
#d4e1fb rgb(212,225,251)
```
#e6eefd
```
#e6eefd rgb(230,238,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#747983
```
#747983 rgb(116,121,131)
```
#6b768d
```
#6b768d rgb(107,118,141)
```
#617396
```
#617396 rgb(97,115,150)
```
#5870a0
```
#5870a0 rgb(88,112,160)
```
#4e6da9
```
#4e6da9 rgb(78,109,169)
```
#456ab3
```
#456ab3 rgb(69,106,179)
```
#3b67bc
```
#3b67bc rgb(59,103,188)
```
#3264c6
```
#3264c6 rgb(50,100,198)
```
#2861cf
```
#2861cf rgb(40,97,207)
```
#1f5ed9
```
#1f5ed9 rgb(31,94,217)
```
#155be2
```
#155be2 rgb(21,91,226)
```
#0c58ec
```
#0c58ec rgb(12,88,236)
```
#0255f5
```
#0255f5 rgb(2,85,245)
```

Tone Color Variation

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

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0764d6 Protanomaly 1% of men, 0.01% of women
#0768c5 Deuteranomaly 6% of men, 0.4% of women
#076da2 Tritanomaly 0.01% of the population

#155be2 hex color

#155be2 Color Information

#155be2 Color Conversion

Color Schemes with #155be2

Alternatives to #155be2

#155be2 Preview

Shades and Tints of #155be2

Tones of #155be2

Color Blindness Simulator