#2c48ec hex color

In a RGB color space, hex #2c48ec is composed of 17.3% red, 28.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 69.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.3 degrees, a saturation of 83.5% and a lightness of 54.9%. #2c48ec color hex could be obtained by blending #5890ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 28
- B 93
RGB color chart
- C 81
- M 69
- Y 0
- K 7
CMYK color chart

● #2c48ec color description : Bright blue.

The hexadecimal color #2c48ec has RGB values of R:44, G:72, B:236 and CMYK values of C:0.81, M:0.69, Y:0, K:0.07. Its decimal value is 2902252.

Hex triplet	2c48ec	`#2c48ec`
RGB Decimal	44, 72, 236	`rgb(44,72,236)`
RGB Percent	17.3, 28.2, 92.5	`rgb(17.3%,28.2%,92.5%)`
CMYK	81, 69, 0, 7
HSL	231.3°, 83.5, 54.9	`hsl(231.3,83.5%,54.9%)`
HSV (or HSB)	231.3°, 81.4, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.957, 48.538, -84.402
XYZ	18.493, 11.225, 80.544
xyY	0.168, 0.102, 11.225
CIE-LCH	39.957, 97.363, 299.902
CIE-LUV	39.957, -13.094, -120.807
Hunter-Lab	33.504, 39.896, -119.083
Binary	00101100, 01001000, 11101100

#2c48ec
```
#2c48ec rgb(44,72,236)
```
#ecd02c
```
#ecd02c rgb(236,208,44)
```

Complementary Color

#2ca8ec
```
#2ca8ec rgb(44,168,236)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#702cec
```
#702cec rgb(112,44,236)
```

Analogous Color

#a8ec2c
```
#a8ec2c rgb(168,236,44)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#ec702c
```
#ec702c rgb(236,112,44)
```

Split Complementary Color

#48ec2c
```
#48ec2c rgb(72,236,44)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#ec2c48
```
#ec2c48 rgb(236,44,72)
```

Triadic Color

#2cecd0
```
#2cecd0 rgb(44,236,208)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#ec2c48
```
#ec2c48 rgb(236,44,72)
```
#ecd02c
```
#ecd02c rgb(236,208,44)
```

Tetradic Color

#112abb
```
#112abb rgb(17,42,187)
```
#132fd2
```
#132fd2 rgb(19,47,210)
```
#1534e9
```
#1534e9 rgb(21,52,233)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#435cee
```
#435cee rgb(67,92,238)
```
#5b71f0
```
#5b71f0 rgb(91,113,240)
```
#7285f2
```
#7285f2 rgb(114,133,242)
```

Monochromatic Color

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

#2c78ec
```
#2c78ec rgb(44,120,236)
```
#2c68ec
```
#2c68ec rgb(44,104,236)
```
#2c58ec
```
#2c58ec rgb(44,88,236)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#2c38ec
```
#2c38ec rgb(44,56,236)
```
#302cec
```
#302cec rgb(48,44,236)
```
#402cec
```
#402cec rgb(64,44,236)
```

Similar Colors

Text with hexadecimal color #2c48ec

This text has a font color of #2c48ec.

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

#2c48ec background color

This paragraph has a background color of #2c48ec.

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

#2c48ec border color

This element has a border color of #2c48ec.

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

CSS codes

.text {color:#2c48ec;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#020517
```
#020517 rgb(2,5,23)
```
#040929
```
#040929 rgb(4,9,41)
```
#050d3b
```
#050d3b rgb(5,13,59)
```
#07114d
```
#07114d rgb(7,17,77)
```
#09155f
```
#09155f rgb(9,21,95)
```
#0a1971
```
#0a1971 rgb(10,25,113)
```
#0c1d83
```
#0c1d83 rgb(12,29,131)
```
#0d2195
```
#0d2195 rgb(13,33,149)
```
#0f25a7
```
#0f25a7 rgb(15,37,167)
```
#1129b9
```
#1129b9 rgb(17,41,185)
```
#122dcb
```
#122dcb rgb(18,45,203)
```
#1431dd
```
#1431dd rgb(20,49,221)
```

Shade Color Variation

#1a38ea
```
#1a38ea rgb(26,56,234)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#3e58ee
```
#3e58ee rgb(62,88,238)
```
#5067ef
```
#5067ef rgb(80,103,239)
```
#6277f1
```
#6277f1 rgb(98,119,241)
```
#7486f2
```
#7486f2 rgb(116,134,242)
```
#8696f4
```
#8696f4 rgb(134,150,244)
```
#98a6f6
```
#98a6f6 rgb(152,166,246)
```
#aab5f7
```
#aab5f7 rgb(170,181,247)
```
#bcc5f9
```
#bcc5f9 rgb(188,197,249)
```
#ced4fb
```
#ced4fb rgb(206,212,251)
```
#e0e4fc
```
#e0e4fc rgb(224,228,252)
```
#f2f4fe
```
#f2f4fe rgb(242,244,254)
```

Tint Color Variation

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

#848794
```
#848794 rgb(132,135,148)
```
#7c809c
```
#7c809c rgb(124,128,156)
```
#737aa5
```
#737aa5 rgb(115,122,165)
```
#6a74ae
```
#6a74ae rgb(106,116,174)
```
#616eb7
```
#616eb7 rgb(97,110,183)
```
#5867c0
```
#5867c0 rgb(88,103,192)
```
#4f61c9
```
#4f61c9 rgb(79,97,201)
```
#475bd1
```
#475bd1 rgb(71,91,209)
```
#3e55da
```
#3e55da rgb(62,85,218)
```
#354ee3
```
#354ee3 rgb(53,78,227)
```
#2c48ec
```
#2c48ec rgb(44,72,236)
```
#2342f5
```
#2342f5 rgb(35,66,245)
```
#1a3bfe
```
#1a3bfe rgb(26,59,254)
```

Tone Color Variation

Below, you can see how #2c48ec 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

#525252 Achromatopsia 0.005% of the population
#4a5071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1059d1 Protanomaly 1% of men, 0.01% of women
#105dc0 Deuteranomaly 6% of men, 0.4% of women
#1061a1 Tritanomaly 0.01% of the population

#2c48ec hex color

#2c48ec Color Information

#2c48ec Color Conversion

Color Schemes with #2c48ec

Alternatives to #2c48ec

#2c48ec Preview

Shades and Tints of #2c48ec

Tones of #2c48ec

Color Blindness Simulator