#155baf hex color

In a RGB color space, hex #155baf is composed of 8.2% red, 35.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 48% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.7 degrees, a saturation of 78.6% and a lightness of 38.4%. #155baf color hex could be obtained by blending #2ab6ff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 36
- B 69
RGB color chart
- C 88
- M 48
- Y 0
- K 31
CMYK color chart

● #155baf color description : Dark blue.

The hexadecimal color #155baf has RGB values of R:21, G:91, B:175 and CMYK values of C:0.88, M:0.48, Y:0, K:0.31. Its decimal value is 1399727.

Hex triplet	155baf	`#155baf`
RGB Decimal	21, 91, 175	`rgb(21,91,175)`
RGB Percent	8.2, 35.7, 68.6	`rgb(8.2%,35.7%,68.6%)`
CMYK	88, 48, 0, 31
HSL	212.7°, 78.6, 38.4	`hsl(212.7,78.6%,38.4%)`
HSV (or HSB)	212.7°, 88, 68.6
Web Safe	006699	`#006699`

CIE-LAB	39.132, 11.699, -50.541
XYZ	11.786, 10.736, 42.006
xyY	0.183, 0.166, 10.736
CIE-LCH	39.132, 51.877, 283.033
CIE-LUV	39.132, -20.388, -73.771
Hunter-Lab	32.765, 6.871, -53.075
Binary	00010101, 01011011, 10101111

#155baf
```
#155baf rgb(21,91,175)
```
#af6915
```
#af6915 rgb(175,105,21)
```

Complementary Color

#15a8af
```
#15a8af rgb(21,168,175)
```
#155baf
```
#155baf rgb(21,91,175)
```
#1c15af
```
#1c15af rgb(28,21,175)
```

Analogous Color

#a8af15
```
#a8af15 rgb(168,175,21)
```
#155baf
```
#155baf rgb(21,91,175)
```
#af1c15
```
#af1c15 rgb(175,28,21)
```

Split Complementary Color

#5baf15
```
#5baf15 rgb(91,175,21)
```
#155baf
```
#155baf rgb(21,91,175)
```
#af155b
```
#af155b rgb(175,21,91)
```

Triadic Color

#15af69
```
#15af69 rgb(21,175,105)
```
#155baf
```
#155baf rgb(21,91,175)
```
#af155b
```
#af155b rgb(175,21,91)
```
#af6915
```
#af6915 rgb(175,105,21)
```

Tetradic Color

#0d376b
```
#0d376b rgb(13,55,107)
```
#104381
```
#104381 rgb(16,67,129)
```
#124f98
```
#124f98 rgb(18,79,152)
```
#155baf
```
#155baf rgb(21,91,175)
```
#1867c6
```
#1867c6 rgb(24,103,198)
```
#1a73dd
```
#1a73dd rgb(26,115,221)
```
#2b80e6
```
#2b80e6 rgb(43,128,230)
```

Monochromatic Color

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

#1582af
```
#1582af rgb(21,130,175)
```
#1575af
```
#1575af rgb(21,117,175)
```
#1568af
```
#1568af rgb(21,104,175)
```
#155baf
```
#155baf rgb(21,91,175)
```
#154eaf
```
#154eaf rgb(21,78,175)
```
#1541af
```
#1541af rgb(21,65,175)
```
#1535af
```
#1535af rgb(21,53,175)
```

Similar Colors

Text with hexadecimal color #155baf

This text has a font color of #155baf.

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

#155baf background color

This paragraph has a background color of #155baf.

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

#155baf border color

This element has a border color of #155baf.

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

CSS codes

.text {color:#155baf;}

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

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

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

#020911
```
#020911 rgb(2,9,17)
```
#041223
```
#041223 rgb(4,18,35)
```
#061b34
```
#061b34 rgb(6,27,52)
```
#082446
```
#082446 rgb(8,36,70)
```
#0a2d57
```
#0a2d57 rgb(10,45,87)
```
#0d3769
```
#0d3769 rgb(13,55,105)
```
#0f407a
```
#0f407a rgb(15,64,122)
```
#11498c
```
#11498c rgb(17,73,140)
```
#13529d
```
#13529d rgb(19,82,157)
```
#155baf
```
#155baf rgb(21,91,175)
```
#1764c1
```
#1764c1 rgb(23,100,193)
```
#196dd2
```
#196dd2 rgb(25,109,210)
```
#1b76e4
```
#1b76e4 rgb(27,118,228)
```

Shade Color Variation

#2d81e6
```
#2d81e6 rgb(45,129,230)
```
#3e8be8
```
#3e8be8 rgb(62,139,232)
```
#5096ea
```
#5096ea rgb(80,150,234)
```
#61a0ec
```
#61a0ec rgb(97,160,236)
```
#73abee
```
#73abee rgb(115,171,238)
```
#84b5f0
```
#84b5f0 rgb(132,181,240)
```
#96c0f2
```
#96c0f2 rgb(150,192,242)
```
#a7caf4
```
#a7caf4 rgb(167,202,244)
```
#b9d5f7
```
#b9d5f7 rgb(185,213,247)
```
#cadff9
```
#cadff9 rgb(202,223,249)
```
#dceafb
```
#dceafb rgb(220,234,251)
```
#edf4fd
```
#edf4fd rgb(237,244,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#606264
```
#606264 rgb(96,98,100)
```
#59616b
```
#59616b rgb(89,97,107)
```
#516073
```
#516073 rgb(81,96,115)
```
#4a607a
```
#4a607a rgb(74,96,122)
```
#425f82
```
#425f82 rgb(66,95,130)
```
#3b5e89
```
#3b5e89 rgb(59,94,137)
```
#335e91
```
#335e91 rgb(51,94,145)
```
#2c5d98
```
#2c5d98 rgb(44,93,152)
```
#245ca0
```
#245ca0 rgb(36,92,160)
```
#1d5ca7
```
#1d5ca7 rgb(29,92,167)
```
#155baf
```
#155baf rgb(21,91,175)
```
#0d5ab7
```
#0d5ab7 rgb(13,90,183)
```
#065abe
```
#065abe rgb(6,90,190)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#445263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3562b1 Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#295fb0 Protanomaly 1% of men, 0.01% of women
#0762ab Deuteranomaly 6% of men, 0.4% of women
#07678a Tritanomaly 0.01% of the population

#155baf hex color

#155baf Color Information

#155baf Color Conversion

Color Schemes with #155baf

Alternatives to #155baf

#155baf Preview

Shades and Tints of #155baf

Tones of #155baf

Color Blindness Simulator