#2154bb hex color

In a RGB color space, hex #2154bb is composed of 12.9% red, 32.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 55.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 220.1 degrees, a saturation of 70% and a lightness of 43.1%. #2154bb color hex could be obtained by blending #42a8ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 73
RGB color chart
- C 82
- M 55
- Y 0
- K 27
CMYK color chart

● #2154bb color description : Strong blue.

The hexadecimal color #2154bb has RGB values of R:33, G:84, B:187 and CMYK values of C:0.82, M:0.55, Y:0, K:0.27. Its decimal value is 2184379.

Hex triplet	2154bb	`#2154bb`
RGB Decimal	33, 84, 187	`rgb(33,84,187)`
RGB Percent	12.9, 32.9, 73.3	`rgb(12.9%,32.9%,73.3%)`
CMYK	82, 55, 0, 27
HSL	220.1°, 70, 43.1	`hsl(220.1,70%,43.1%)`
HSV (or HSB)	220.1°, 82.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.289, 22.051, -58.947
XYZ	12.765, 10.251, 48.317
xyY	0.179, 0.144, 10.251
CIE-LCH	38.289, 62.937, 290.51
CIE-LUV	38.289, -16.878, -85.686
Hunter-Lab	32.017, 15.139, -67.063
Binary	00100001, 01010100, 10111011

#2154bb
```
#2154bb rgb(33,84,187)
```
#bb8821
```
#bb8821 rgb(187,136,33)
```

Complementary Color

#21a1bb
```
#21a1bb rgb(33,161,187)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#3b21bb
```
#3b21bb rgb(59,33,187)
```

Analogous Color

#a1bb21
```
#a1bb21 rgb(161,187,33)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#bb3b21
```
#bb3b21 rgb(187,59,33)
```

Split Complementary Color

#54bb21
```
#54bb21 rgb(84,187,33)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#bb2154
```
#bb2154 rgb(187,33,84)
```

Triadic Color

#21bb88
```
#21bb88 rgb(33,187,136)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#bb2154
```
#bb2154 rgb(187,33,84)
```
#bb8821
```
#bb8821 rgb(187,136,33)
```

Tetradic Color

#16377a
```
#16377a rgb(22,55,122)
```
#194190
```
#194190 rgb(25,65,144)
```
#1d4aa5
```
#1d4aa5 rgb(29,74,165)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#255ed1
```
#255ed1 rgb(37,94,209)
```
#346bdb
```
#346bdb rgb(52,107,219)
```
#4a7bdf
```
#4a7bdf rgb(74,123,223)
```

Monochromatic Color

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

#217bbb
```
#217bbb rgb(33,123,187)
```
#216ebb
```
#216ebb rgb(33,110,187)
```
#2161bb
```
#2161bb rgb(33,97,187)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#2147bb
```
#2147bb rgb(33,71,187)
```
#213abb
```
#213abb rgb(33,58,187)
```
#212ebb
```
#212ebb rgb(33,46,187)
```

Similar Colors

Text with hexadecimal color #2154bb

This text has a font color of #2154bb.

<span style="color:#2154bb;">Text here</span>

#2154bb background color

This paragraph has a background color of #2154bb.

<p style="background-color:#2154bb;">Content here</p>

#2154bb border color

This element has a border color of #2154bb.

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

CSS codes

.text {color:#2154bb;}

.background {background-color:#2154bb;}

.border {border:1px solid #2154bb;}

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#071125
```
#071125 rgb(7,17,37)
```
#091836
```
#091836 rgb(9,24,54)
```
#0c2046
```
#0c2046 rgb(12,32,70)
```
#0f2757
```
#0f2757 rgb(15,39,87)
```
#122f68
```
#122f68 rgb(18,47,104)
```
#153678
```
#153678 rgb(21,54,120)
```
#183e89
```
#183e89 rgb(24,62,137)
```
#1b459a
```
#1b459a rgb(27,69,154)
```
#1e4daa
```
#1e4daa rgb(30,77,170)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#245bcc
```
#245bcc rgb(36,91,204)
```

Shade Color Variation

#2a64d9
```
#2a64d9 rgb(42,100,217)
```
#3b70dc
```
#3b70dc rgb(59,112,220)
```
#4b7cdf
```
#4b7cdf rgb(75,124,223)
```
#5c88e2
```
#5c88e2 rgb(92,136,226)
```
#6d94e5
```
#6d94e5 rgb(109,148,229)
```
#7da1e8
```
#7da1e8 rgb(125,161,232)
```
#8eadeb
```
#8eadeb rgb(142,173,235)
```
#9fb9ee
```
#9fb9ee rgb(159,185,238)
```
#afc5f1
```
#afc5f1 rgb(175,197,241)
```
#c0d1f4
```
#c0d1f4 rgb(192,209,244)
```
#d1ddf7
```
#d1ddf7 rgb(209,221,247)
```
#e1e9fa
```
#e1e9fa rgb(225,233,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#6d6e6f
```
#6d6e6f rgb(109,110,111)
```
#656b77
```
#656b77 rgb(101,107,119)
```
#5c6880
```
#5c6880 rgb(92,104,128)
```
#546588
```
#546588 rgb(84,101,136)
```
#4b6291
```
#4b6291 rgb(75,98,145)
```
#435f99
```
#435f99 rgb(67,95,153)
```
#3a5da2
```
#3a5da2 rgb(58,93,162)
```
#325aaa
```
#325aaa rgb(50,90,170)
```
#2957b3
```
#2957b3 rgb(41,87,179)
```
#2154bb
```
#2154bb rgb(33,84,187)
```
#1951c3
```
#1951c3 rgb(25,81,195)
```
#104ecc
```
#104ecc rgb(16,78,204)
```
#084bd4
```
#084bd4 rgb(8,75,212)
```

Tone Color Variation

Below, you can see how #2154bb 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
#475165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#0c5bbb Protanomaly 1% of men, 0.01% of women
#0c5eac Deuteranomaly 6% of men, 0.4% of women
#0c638c Tritanomaly 0.01% of the population

#2154bb hex color

#2154bb Color Information

#2154bb Color Conversion

Color Schemes with #2154bb

Alternatives to #2154bb

#2154bb Preview

Shades and Tints of #2154bb

Tones of #2154bb

Color Blindness Simulator