#154bcc hex color

In a RGB color space, hex #154bcc is composed of 8.2% red, 29.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 63.2% magenta, 0% yellow and 20% black. It has a hue angle of 222.3 degrees, a saturation of 81.3% and a lightness of 44.1%. #154bcc color hex could be obtained by blending #2a96ff with #000099. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 8
- G 29
- B 80
RGB color chart
- C 90
- M 63
- Y 0
- K 20
CMYK color chart

● #154bcc color description : Strong blue.

The hexadecimal color #154bcc has RGB values of R:21, G:75, B:204 and CMYK values of C:0.9, M:0.63, Y:0, K:0.2. Its decimal value is 1395660.

Hex triplet	154bcc	`#154bcc`
RGB Decimal	21, 75, 204	`rgb(21,75,204)`
RGB Percent	8.2, 29.4, 80	`rgb(8.2%,29.4%,80%)`
CMYK	90, 63, 0, 20
HSL	222.3°, 81.3, 44.1	`hsl(222.3,81.3%,44.1%)`
HSV (or HSB)	222.3°, 89.7, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.023, 33.754, -70.934
XYZ	13.722, 9.55, 58.244
xyY	0.168, 0.117, 9.55
CIE-LCH	37.023, 78.556, 295.447
CIE-LUV	37.023, -15.577, -100.695
Hunter-Lab	30.903, 25.18, -90.112
Binary	00010101, 01001011, 11001100

#154bcc
```
#154bcc rgb(21,75,204)
```
#cc9615
```
#cc9615 rgb(204,150,21)
```

Complementary Color

#15a7cc
```
#15a7cc rgb(21,167,204)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#3b15cc
```
#3b15cc rgb(59,21,204)
```

Analogous Color

#a7cc15
```
#a7cc15 rgb(167,204,21)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#cc3b15
```
#cc3b15 rgb(204,59,21)
```

Split Complementary Color

#4bcc15
```
#4bcc15 rgb(75,204,21)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#cc154b
```
#cc154b rgb(204,21,75)
```

Triadic Color

#15cc96
```
#15cc96 rgb(21,204,150)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#cc154b
```
#cc154b rgb(204,21,75)
```
#cc9615
```
#cc9615 rgb(204,150,21)
```

Tetradic Color

#0e3287
```
#0e3287 rgb(14,50,135)
```
#103a9e
```
#103a9e rgb(16,58,158)
```
#1343b5
```
#1343b5 rgb(19,67,181)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#1754e3
```
#1754e3 rgb(23,84,227)
```
#2b63e9
```
#2b63e9 rgb(43,99,233)
```
#4274ec
```
#4274ec rgb(66,116,236)
```

Monochromatic Color

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

#1579cc
```
#1579cc rgb(21,121,204)
```
#156acc
```
#156acc rgb(21,106,204)
```
#155acc
```
#155acc rgb(21,90,204)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#153ccc
```
#153ccc rgb(21,60,204)
```
#152dcc
```
#152dcc rgb(21,45,204)
```
#151dcc
```
#151dcc rgb(21,29,204)
```

Similar Colors

Text with hexadecimal color #154bcc

This text has a font color of #154bcc.

<span style="color:#154bcc;">Text here</span>

#154bcc background color

This paragraph has a background color of #154bcc.

<p style="background-color:#154bcc;">Content here</p>

#154bcc border color

This element has a border color of #154bcc.

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

CSS codes

.text {color:#154bcc;}

.background {background-color:#154bcc;}

.border {border:1px solid #154bcc;}

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

#010308
```
#010308 rgb(1,3,8)
```
#030a1a
```
#030a1a rgb(3,10,26)
```
#05102c
```
#05102c rgb(5,16,44)
```
#06173e
```
#06173e rgb(6,23,62)
```
#081d50
```
#081d50 rgb(8,29,80)
```
#0a2461
```
#0a2461 rgb(10,36,97)
```
#0c2a73
```
#0c2a73 rgb(12,42,115)
```
#0e3185
```
#0e3185 rgb(14,49,133)
```
#103797
```
#103797 rgb(16,55,151)
```
#113ea8
```
#113ea8 rgb(17,62,168)
```
#1344ba
```
#1344ba rgb(19,68,186)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#1752de
```
#1752de rgb(23,82,222)
```

Shade Color Variation

#205be8
```
#205be8 rgb(32,91,232)
```
#3268ea
```
#3268ea rgb(50,104,234)
```
#4475ec
```
#4475ec rgb(68,117,236)
```
#5682ee
```
#5682ee rgb(86,130,238)
```
#678fef
```
#678fef rgb(103,143,239)
```
#799df1
```
#799df1 rgb(121,157,241)
```
#8baaf3
```
#8baaf3 rgb(139,170,243)
```
#9db7f5
```
#9db7f5 rgb(157,183,245)
```
#aec4f7
```
#aec4f7 rgb(174,196,247)
```
#c0d1f9
```
#c0d1f9 rgb(192,209,249)
```
#d2defa
```
#d2defa rgb(210,222,250)
```
#e4ebfc
```
#e4ebfc rgb(228,235,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e75 is the less saturated color, while #0444dd is the most saturated one.

#6c6e75
```
#6c6e75 rgb(108,110,117)
```
#636b7e
```
#636b7e rgb(99,107,126)
```
#5a6787
```
#5a6787 rgb(90,103,135)
```
#52648f
```
#52648f rgb(82,100,143)
```
#496098
```
#496098 rgb(73,96,152)
```
#405da1
```
#405da1 rgb(64,93,161)
```
#3859a9
```
#3859a9 rgb(56,89,169)
```
#2f56b2
```
#2f56b2 rgb(47,86,178)
```
#2652bb
```
#2652bb rgb(38,82,187)
```
#1e4fc3
```
#1e4fc3 rgb(30,79,195)
```
#154bcc
```
#154bcc rgb(21,75,204)
```
#0c47d5
```
#0c47d5 rgb(12,71,213)
```
#0444dd
```
#0444dd rgb(4,68,221)
```

Tone Color Variation

Below, you can see how #154bcc 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

#4a4a4a Achromatopsia 0.005% of the population
#3f4a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#0756bd Protanomaly 1% of men, 0.01% of women
#0759ae Deuteranomaly 6% of men, 0.4% of women
#075e90 Tritanomaly 0.01% of the population

#154bcc hex color

#154bcc Color Information

#154bcc Color Conversion

Color Schemes with #154bcc

Alternatives to #154bcc

#154bcc Preview

Shades and Tints of #154bcc

Tones of #154bcc

Color Blindness Simulator