#155bff hex color

In a RGB color space, hex #155bff is composed of 8.2% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 222.1 degrees, a saturation of 100% and a lightness of 54.1%. #155bff color hex could be obtained by blending #2ab6ff with #0000ff. Closest websafe color is: #0066ff.

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

● #155bff color description : Vivid blue.

The hexadecimal color #155bff has RGB values of R:21, G:91, B:255 and CMYK values of C:0.92, M:0.64, Y:0, K:0. Its decimal value is 1399807.

Hex triplet	155bff	`#155bff`
RGB Decimal	21, 91, 255	`rgb(21,91,255)`
RGB Percent	8.2, 35.7, 100	`rgb(8.2%,35.7%,100%)`
CMYK	92, 64, 0, 0
HSL	222.1°, 100, 54.1	`hsl(222.1,100%,54.1%)`
HSV (or HSB)	222.1°, 91.8, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.442, 42.609, -86.049
XYZ	22.097, 14.86, 96.306
xyY	0.166, 0.112, 14.86
CIE-LCH	45.442, 96.02, 296.344
CIE-LUV	45.442, -19.078, -128.692
Hunter-Lab	38.548, 34.859, -121.141
Binary	00010101, 01011011, 11111111

#155bff
```
#155bff rgb(21,91,255)
```
#ffb915
```
#ffb915 rgb(255,185,21)
```

Complementary Color

#15d0ff
```
#15d0ff rgb(21,208,255)
```
#155bff
```
#155bff rgb(21,91,255)
```
#4415ff
```
#4415ff rgb(68,21,255)
```

Analogous Color

#d0ff15
```
#d0ff15 rgb(208,255,21)
```
#155bff
```
#155bff rgb(21,91,255)
```
#ff4415
```
#ff4415 rgb(255,68,21)
```

Split Complementary Color

#5bff15
```
#5bff15 rgb(91,255,21)
```
#155bff
```
#155bff rgb(21,91,255)
```
#ff155b
```
#ff155b rgb(255,21,91)
```

Triadic Color

#15ffb9
```
#15ffb9 rgb(21,255,185)
```
#155bff
```
#155bff rgb(21,91,255)
```
#ff155b
```
#ff155b rgb(255,21,91)
```
#ffb915
```
#ffb915 rgb(255,185,21)
```

Tetradic Color

#003cc8
```
#003cc8 rgb(0,60,200)
```
#0043e1
```
#0043e1 rgb(0,67,225)
```
#004bfb
```
#004bfb rgb(0,75,251)
```
#155bff
```
#155bff rgb(21,91,255)
```
#2f6dff
```
#2f6dff rgb(47,109,255)
```
#487fff
```
#487fff rgb(72,127,255)
```
#6291ff
```
#6291ff rgb(98,145,255)
```

Monochromatic Color

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

#1596ff
```
#1596ff rgb(21,150,255)
```
#1582ff
```
#1582ff rgb(21,130,255)
```
#156fff
```
#156fff rgb(21,111,255)
```
#155bff
```
#155bff rgb(21,91,255)
```
#1548ff
```
#1548ff rgb(21,72,255)
```
#1534ff
```
#1534ff rgb(21,52,255)
```
#1521ff
```
#1521ff rgb(21,33,255)
```

Similar Colors

Text with hexadecimal color #155bff

This text has a font color of #155bff.

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

#155bff background color

This paragraph has a background color of #155bff.

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

#155bff border color

This element has a border color of #155bff.

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

CSS codes

.text {color:#155bff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000615
```
#000615 rgb(0,6,21)
```
#000c29
```
#000c29 rgb(0,12,41)
```
#00123c
```
#00123c rgb(0,18,60)
```
#001850
```
#001850 rgb(0,24,80)
```
#001e63
```
#001e63 rgb(0,30,99)
```
#002477
```
#002477 rgb(0,36,119)
```
#00298b
```
#00298b rgb(0,41,139)
```
#002f9e
```
#002f9e rgb(0,47,158)
```
#0035b2
```
#0035b2 rgb(0,53,178)
```
#003bc6
```
#003bc6 rgb(0,59,198)
```
#0041d9
```
#0041d9 rgb(0,65,217)
```
#0047ed
```
#0047ed rgb(0,71,237)
```

Shade Color Variation

#014dff
```
#014dff rgb(1,77,255)
```
#155bff
```
#155bff rgb(21,91,255)
```
#2969ff
```
#2969ff rgb(41,105,255)
```
#3c76ff
```
#3c76ff rgb(60,118,255)
```
#5084ff
```
#5084ff rgb(80,132,255)
```
#6392ff
```
#6392ff rgb(99,146,255)
```
#77a0ff
```
#77a0ff rgb(119,160,255)
```
#8badff
```
#8badff rgb(139,173,255)
```
#9ebbff
```
#9ebbff rgb(158,187,255)
```
#b2c9ff
```
#b2c9ff rgb(178,201,255)
```
#c6d7ff
```
#c6d7ff rgb(198,215,255)
```
#d9e4ff
```
#d9e4ff rgb(217,228,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#818693
```
#818693 rgb(129,134,147)
```
#78839c
```
#78839c rgb(120,131,156)
```
#6f7fa5
```
#6f7fa5 rgb(111,127,165)
```
#667cae
```
#667cae rgb(102,124,174)
```
#5d78b7
```
#5d78b7 rgb(93,120,183)
```
#5474c0
```
#5474c0 rgb(84,116,192)
```
#4b71c9
```
#4b71c9 rgb(75,113,201)
```
#426dd2
```
#426dd2 rgb(66,109,210)
```
#3969db
```
#3969db rgb(57,105,219)
```
#3066e4
```
#3066e4 rgb(48,102,228)
```
#2762ed
```
#2762ed rgb(39,98,237)
```
#1e5ff6
```
#1e5ff6 rgb(30,95,246)
```
#155bff
```
#155bff rgb(21,91,255)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4b597a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0768e7 Protanomaly 1% of men, 0.01% of women
#076cd5 Deuteranomaly 6% of men, 0.4% of women
#0771b1 Tritanomaly 0.01% of the population

#155bff hex color

#155bff Color Information

#155bff Color Conversion

Color Schemes with #155bff

Alternatives to #155bff

#155bff Preview

Shades and Tints of #155bff

Tones of #155bff

Color Blindness Simulator