#155f84 hex color

In a RGB color space, hex #155f84 is composed of 8.2% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 200 degrees, a saturation of 72.5% and a lightness of 30%. #155f84 color hex could be obtained by blending #2abeff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 37
- B 52
RGB color chart
- C 84
- M 28
- Y 0
- K 48
CMYK color chart

● #155f84 color description : Dark blue.

The hexadecimal color #155f84 has RGB values of R:21, G:95, B:132 and CMYK values of C:0.84, M:0.28, Y:0, K:0.48. Its decimal value is 1400708.

Hex triplet	155f84	`#155f84`
RGB Decimal	21, 95, 132	`rgb(21,95,132)`
RGB Percent	8.2, 37.3, 51.8	`rgb(8.2%,37.3%,51.8%)`
CMYK	84, 28, 0, 48
HSL	200°, 72.5, 30	`hsl(200,72.5%,30%)`
HSV (or HSB)	200°, 84.1, 51.8
Web Safe	006699	`#006699`

CIE-LAB	37.859, -7.983, -26.783
XYZ	8.565, 10.009, 23.309
xyY	0.205, 0.239, 10.009
CIE-LCH	37.859, 27.947, 253.403
CIE-LUV	37.859, -23.616, -36.581
Hunter-Lab	31.637, -7.038, -21.537
Binary	00010101, 01011111, 10000100

#155f84
```
#155f84 rgb(21,95,132)
```
#843a15
```
#843a15 rgb(132,58,21)
```

Complementary Color

#158472
```
#158472 rgb(21,132,114)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#152884
```
#152884 rgb(21,40,132)
```

Analogous Color

#847215
```
#847215 rgb(132,114,21)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#841528
```
#841528 rgb(132,21,40)
```

Split Complementary Color

#5f8415
```
#5f8415 rgb(95,132,21)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#84155f
```
#84155f rgb(132,21,95)
```

Triadic Color

#15843a
```
#15843a rgb(21,132,58)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#84155f
```
#84155f rgb(132,21,95)
```
#843a15
```
#843a15 rgb(132,58,21)
```

Tetradic Color

#0b3042
```
#0b3042 rgb(11,48,66)
```
#0e3f58
```
#0e3f58 rgb(14,63,88)
```
#124f6e
```
#124f6e rgb(18,79,110)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#196f9a
```
#196f9a rgb(25,111,154)
```
#1c7fb0
```
#1c7fb0 rgb(28,127,176)
```
#208fc6
```
#208fc6 rgb(32,143,198)
```

Monochromatic Color

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

#157b84
```
#157b84 rgb(21,123,132)
```
#157284
```
#157284 rgb(21,114,132)
```
#156884
```
#156884 rgb(21,104,132)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#155684
```
#155684 rgb(21,86,132)
```
#154d84
```
#154d84 rgb(21,77,132)
```
#154384
```
#154384 rgb(21,67,132)
```

Similar Colors

Text with hexadecimal color #155f84

This text has a font color of #155f84.

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

#155f84 background color

This paragraph has a background color of #155f84.

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

#155f84 border color

This element has a border color of #155f84.

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

CSS codes

.text {color:#155f84;}

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

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

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, #020a0e is the darkest color, while #fcfefe is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#05161e
```
#05161e rgb(5,22,30)
```
#08222f
```
#08222f rgb(8,34,47)
```
#0a2e40
```
#0a2e40 rgb(10,46,64)
```
#0d3a51
```
#0d3a51 rgb(13,58,81)
```
#104762
```
#104762 rgb(16,71,98)
```
#125373
```
#125373 rgb(18,83,115)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#186b95
```
#186b95 rgb(24,107,149)
```
#1a77a6
```
#1a77a6 rgb(26,119,166)
```
#1d84b7
```
#1d84b7 rgb(29,132,183)
```
#2090c8
```
#2090c8 rgb(32,144,200)
```
#229cd9
```
#229cd9 rgb(34,156,217)
```

Shade Color Variation

#31a4de
```
#31a4de rgb(49,164,222)
```
#41ace1
```
#41ace1 rgb(65,172,225)
```
#52b3e4
```
#52b3e4 rgb(82,179,228)
```
#63bbe6
```
#63bbe6 rgb(99,187,230)
```
#74c2e9
```
#74c2e9 rgb(116,194,233)
```
#85c9ec
```
#85c9ec rgb(133,201,236)
```
#96d1ee
```
#96d1ee rgb(150,209,238)
```
#a7d8f1
```
#a7d8f1 rgb(167,216,241)
```
#b8e0f4
```
#b8e0f4 rgb(184,224,244)
```
#c9e7f6
```
#c9e7f6 rgb(201,231,246)
```
#daeff9
```
#daeff9 rgb(218,239,249)
```
#ebf6fc
```
#ebf6fc rgb(235,246,252)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#4a4d4f
```
#4a4d4f rgb(74,77,79)
```
#444f55
```
#444f55 rgb(68,79,85)
```
#3e515b
```
#3e515b rgb(62,81,91)
```
#385361
```
#385361 rgb(56,83,97)
```
#325567
```
#325567 rgb(50,85,103)
```
#2d576c
```
#2d576c rgb(45,87,108)
```
#275972
```
#275972 rgb(39,89,114)
```
#215b78
```
#215b78 rgb(33,91,120)
```
#1b5d7e
```
#1b5d7e rgb(27,93,126)
```
#155f84
```
#155f84 rgb(21,95,132)
```
#0f618a
```
#0f618a rgb(15,97,138)
```
#096390
```
#096390 rgb(9,99,144)
```
#036596
```
#036596 rgb(3,101,150)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#425158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556085 Protanopia 1% of men
#4c618c Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#3e5f84 Protanomaly 1% of men, 0.01% of women
#386089 Deuteranomaly 6% of men, 0.4% of women
#076679 Tritanomaly 0.01% of the population

#155f84 hex color

#155f84 Color Information

#155f84 Color Conversion

Color Schemes with #155f84

Alternatives to #155f84

#155f84 Preview

Shades and Tints of #155f84

Tones of #155f84

Color Blindness Simulator