#2c48bb hex color

In a RGB color space, hex #2c48bb is composed of 17.3% red, 28.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 61.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 228.3 degrees, a saturation of 61.9% and a lightness of 45.3%. #2c48bb color hex could be obtained by blending #5890ff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 28
- B 73
RGB color chart
- C 76
- M 61
- Y 0
- K 27
CMYK color chart

● #2c48bb color description : Strong blue.

The hexadecimal color #2c48bb has RGB values of R:44, G:72, B:187 and CMYK values of C:0.76, M:0.61, Y:0, K:0.27. Its decimal value is 2902203.

Hex triplet	2c48bb	`#2c48bb`
RGB Decimal	44, 72, 187	`rgb(44,72,187)`
RGB Percent	17.3, 28.2, 73.3	`rgb(17.3%,28.2%,73.3%)`
CMYK	76, 61, 0, 27
HSL	228.3°, 61.9, 45.3	`hsl(228.3,61.9%,45.3%)`
HSV (or HSB)	228.3°, 76.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.513, 31.032, -63.455
XYZ	12.324, 8.757, 48.052
xyY	0.178, 0.127, 8.757
CIE-LCH	35.513, 70.636, 296.061
CIE-LUV	35.513, -12.27, -89.802
Hunter-Lab	29.593, 22.549, -75.559
Binary	00101100, 01001000, 10111011

#2c48bb
```
#2c48bb rgb(44,72,187)
```
#bb9f2c
```
#bb9f2c rgb(187,159,44)
```

Complementary Color

#2c90bb
```
#2c90bb rgb(44,144,187)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#582cbb
```
#582cbb rgb(88,44,187)
```

Analogous Color

#90bb2c
```
#90bb2c rgb(144,187,44)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#bb582c
```
#bb582c rgb(187,88,44)
```

Split Complementary Color

#48bb2c
```
#48bb2c rgb(72,187,44)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#bb2c48
```
#bb2c48 rgb(187,44,72)
```

Triadic Color

#2cbb9f
```
#2cbb9f rgb(44,187,159)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#bb2c48
```
#bb2c48 rgb(187,44,72)
```
#bb9f2c
```
#bb9f2c rgb(187,159,44)
```

Tetradic Color

#1d307d
```
#1d307d rgb(29,48,125)
```
#223892
```
#223892 rgb(34,56,146)
```
#2740a6
```
#2740a6 rgb(39,64,166)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#3251cf
```
#3251cf rgb(50,81,207)
```
#4662d4
```
#4662d4 rgb(70,98,212)
```
#5b74d8
```
#5b74d8 rgb(91,116,216)
```

Monochromatic Color

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

#2c6cbb
```
#2c6cbb rgb(44,108,187)
```
#2c60bb
```
#2c60bb rgb(44,96,187)
```
#2c54bb
```
#2c54bb rgb(44,84,187)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#2c3cbb
```
#2c3cbb rgb(44,60,187)
```
#2c30bb
```
#2c30bb rgb(44,48,187)
```
#342cbb
```
#342cbb rgb(52,44,187)
```

Similar Colors

Text with hexadecimal color #2c48bb

This text has a font color of #2c48bb.

<span style="color:#2c48bb;">Text here</span>

#2c48bb background color

This paragraph has a background color of #2c48bb.

<p style="background-color:#2c48bb;">Content here</p>

#2c48bb border color

This element has a border color of #2c48bb.

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

CSS codes

.text {color:#2c48bb;}

.background {background-color:#2c48bb;}

.border {border:1px solid #2c48bb;}

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#070b1c
```
#070b1c rgb(7,11,28)
```
#0a112c
```
#0a112c rgb(10,17,44)
```
#0e173c
```
#0e173c rgb(14,23,60)
```
#121d4c
```
#121d4c rgb(18,29,76)
```
#16235c
```
#16235c rgb(22,35,92)
```
#19296c
```
#19296c rgb(25,41,108)
```
#1d307b
```
#1d307b rgb(29,48,123)
```
#21368b
```
#21368b rgb(33,54,139)
```
#253c9b
```
#253c9b rgb(37,60,155)
```
#2842ab
```
#2842ab rgb(40,66,171)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#304ecb
```
#304ecb rgb(48,78,203)
```

Shade Color Variation

#3d5ad1
```
#3d5ad1 rgb(61,90,209)
```
#4d67d5
```
#4d67d5 rgb(77,103,213)
```
#5d75d9
```
#5d75d9 rgb(93,117,217)
```
#6d82dd
```
#6d82dd rgb(109,130,221)
```
#7c90e0
```
#7c90e0 rgb(124,144,224)
```
#8c9de4
```
#8c9de4 rgb(140,157,228)
```
#9cabe8
```
#9cabe8 rgb(156,171,232)
```
#acb8eb
```
#acb8eb rgb(172,184,235)
```
#bcc6ef
```
#bcc6ef rgb(188,198,239)
```
#ccd3f3
```
#ccd3f3 rgb(204,211,243)
```
#dce1f7
```
#dce1f7 rgb(220,225,247)
```
#eceefa
```
#eceefa rgb(236,238,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#737374
```
#737374 rgb(115,115,116)
```
#6a6e7d
```
#6a6e7d rgb(106,110,125)
```
#616886
```
#616886 rgb(97,104,134)
```
#58638f
```
#58638f rgb(88,99,143)
```
#505e97
```
#505e97 rgb(80,94,151)
```
#4758a0
```
#4758a0 rgb(71,88,160)
```
#3e53a9
```
#3e53a9 rgb(62,83,169)
```
#354db2
```
#354db2 rgb(53,77,178)
```
#2c48bb
```
#2c48bb rgb(44,72,187)
```
#2343c4
```
#2343c4 rgb(35,67,196)
```
#1a3dcd
```
#1a3dcd rgb(26,61,205)
```
#1138d6
```
#1138d6 rgb(17,56,214)
```
#0832df
```
#0832df rgb(8,50,223)
```

Tone Color Variation

Below, you can see how #2c48bb 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
#464c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#1053b3 Protanomaly 1% of men, 0.01% of women
#1056a5 Deuteranomaly 6% of men, 0.4% of women
#105a88 Tritanomaly 0.01% of the population

#2c48bb hex color

#2c48bb Color Information

#2c48bb Color Conversion

Color Schemes with #2c48bb

Alternatives to #2c48bb

#2c48bb Preview

Shades and Tints of #2c48bb

Tones of #2c48bb

Color Blindness Simulator