#2c48f9 hex color

In a RGB color space, hex #2c48f9 is composed of 17.3% red, 28.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 71.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 231.8 degrees, a saturation of 94.5% and a lightness of 57.5%. #2c48f9 color hex could be obtained by blending #5890ff with #0000f3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 28
- B 98
RGB color chart
- C 82
- M 71
- Y 0
- K 2
CMYK color chart

● #2c48f9 color description : Bright blue.

The hexadecimal color #2c48f9 has RGB values of R:44, G:72, B:249 and CMYK values of C:0.82, M:0.71, Y:0, K:0.02. Its decimal value is 2902265.

Hex triplet	2c48f9	`#2c48f9`
RGB Decimal	44, 72, 249	`rgb(44,72,249)`
RGB Percent	17.3, 28.2, 97.6	`rgb(17.3%,28.2%,97.6%)`
CMYK	82, 71, 0, 2
HSL	231.8°, 94.5, 57.5	`hsl(231.8,94.5%,57.5%)`
HSV (or HSB)	231.8°, 82.3, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.229, 52.938, -89.62
XYZ	20.451, 12.008, 90.857
xyY	0.166, 0.097, 12.008
CIE-LCH	41.229, 104.088, 300.57
CIE-LUV	41.229, -13.369, -128.593
Hunter-Lab	34.653, 44.704, -131.197
Binary	00101100, 01001000, 11111001

#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#f9dd2c
```
#f9dd2c rgb(249,221,44)
```

Complementary Color

#2caff9
```
#2caff9 rgb(44,175,249)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#772cf9
```
#772cf9 rgb(119,44,249)
```

Analogous Color

#aff92c
```
#aff92c rgb(175,249,44)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#f9772c
```
#f9772c rgb(249,119,44)
```

Split Complementary Color

#48f92c
```
#48f92c rgb(72,249,44)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#f92c48
```
#f92c48 rgb(249,44,72)
```

Triadic Color

#2cf9dd
```
#2cf9dd rgb(44,249,221)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#f92c48
```
#f92c48 rgb(249,44,72)
```
#f9dd2c
```
#f9dd2c rgb(249,221,44)
```

Tetradic Color

#0622d3
```
#0622d3 rgb(6,34,211)
```
#0726eb
```
#0726eb rgb(7,38,235)
```
#1332f8
```
#1332f8 rgb(19,50,248)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#455efa
```
#455efa rgb(69,94,250)
```
#5e73fa
```
#5e73fa rgb(94,115,250)
```
#7689fb
```
#7689fb rgb(118,137,251)
```

Monochromatic Color

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

#2c7bf9
```
#2c7bf9 rgb(44,123,249)
```
#2c6af9
```
#2c6af9 rgb(44,106,249)
```
#2c59f9
```
#2c59f9 rgb(44,89,249)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#2c37f9
```
#2c37f9 rgb(44,55,249)
```
#322cf9
```
#322cf9 rgb(50,44,249)
```
#432cf9
```
#432cf9 rgb(67,44,249)
```

Similar Colors

Text with hexadecimal color #2c48f9

This text has a font color of #2c48f9.

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

#2c48f9 background color

This paragraph has a background color of #2c48f9.

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

#2c48f9 border color

This element has a border color of #2c48f9.

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

CSS codes

.text {color:#2c48f9;}

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

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

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

#010312
```
#010312 rgb(1,3,18)
```
#010625
```
#010625 rgb(1,6,37)
```
#020938
```
#020938 rgb(2,9,56)
```
#020c4b
```
#020c4b rgb(2,12,75)
```
#030f5e
```
#030f5e rgb(3,15,94)
```
#031271
```
#031271 rgb(3,18,113)
```
#041584
```
#041584 rgb(4,21,132)
```
#041897
```
#041897 rgb(4,24,151)
```
#051baa
```
#051baa rgb(5,27,170)
```
#051fbe
```
#051fbe rgb(5,31,190)
```
#0622d1
```
#0622d1 rgb(6,34,209)
```
#0625e4
```
#0625e4 rgb(6,37,228)
```
#0728f7
```
#0728f7 rgb(7,40,247)
```

Shade Color Variation

#1937f8
```
#1937f8 rgb(25,55,248)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```
#3f59fa
```
#3f59fa rgb(63,89,250)
```
#5269fa
```
#5269fa rgb(82,105,250)
```
#657afb
```
#657afb rgb(101,122,251)
```
#788afb
```
#788afb rgb(120,138,251)
```
#8b9bfc
```
#8b9bfc rgb(139,155,252)
```
#9eabfc
```
#9eabfc rgb(158,171,252)
```
#b2bcfd
```
#b2bcfd rgb(178,188,253)
```
#c5ccfd
```
#c5ccfd rgb(197,204,253)
```
#d8ddfe
```
#d8ddfe rgb(216,221,254)
```
#ebedfe
```
#ebedfe rgb(235,237,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#909195
```
#909195 rgb(144,145,149)
```
#888b9d
```
#888b9d rgb(136,139,157)
```
#7f85a6
```
#7f85a6 rgb(127,133,166)
```
#777fae
```
#777fae rgb(119,127,174)
```
#6f79b6
```
#6f79b6 rgb(111,121,182)
```
#6672bf
```
#6672bf rgb(102,114,191)
```
#5e6cc7
```
#5e6cc7 rgb(94,108,199)
```
#5666cf
```
#5666cf rgb(86,102,207)
```
#4d60d8
```
#4d60d8 rgb(77,96,216)
```
#455ae0
```
#455ae0 rgb(69,90,224)
```
#3d54e8
```
#3d54e8 rgb(61,84,232)
```
#344ef1
```
#344ef1 rgb(52,78,241)
```
#2c48f9
```
#2c48f9 rgb(44,72,249)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#105bd9 Protanomaly 1% of men, 0.01% of women
#105fc8 Deuteranomaly 6% of men, 0.4% of women
#1063a7 Tritanomaly 0.01% of the population

#2c48f9 hex color

#2c48f9 Color Information

#2c48f9 Color Conversion

Color Schemes with #2c48f9

Alternatives to #2c48f9

#2c48f9 Preview

Shades and Tints of #2c48f9

Tones of #2c48f9

Color Blindness Simulator