#2c48f3 hex color

In a RGB color space, hex #2c48f3 is composed of 17.3% red, 28.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 70.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.6 degrees, a saturation of 89.2% and a lightness of 56.3%. #2c48f3 color hex could be obtained by blending #5890ff with #0000e7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 28
- B 95
RGB color chart
- C 82
- M 70
- Y 0
- K 5
CMYK color chart

● #2c48f3 color description : Bright blue.

The hexadecimal color #2c48f3 has RGB values of R:44, G:72, B:243 and CMYK values of C:0.82, M:0.7, Y:0, K:0.05. Its decimal value is 2902259.

Hex triplet	2c48f3	`#2c48f3`
RGB Decimal	44, 72, 243	`rgb(44,72,243)`
RGB Percent	17.3, 28.2, 95.3	`rgb(17.3%,28.2%,95.3%)`
CMYK	82, 70, 0, 5
HSL	231.6°, 89.2, 56.3	`hsl(231.6,89.2%,56.3%)`
HSV (or HSB)	231.6°, 81.9, 95.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.638, 50.92, -87.227
XYZ	19.53, 11.64, 86.006
xyY	0.167, 0.099, 11.64
CIE-LCH	40.638, 101.002, 300.275
CIE-LUV	40.638, -13.239, -125.018
Hunter-Lab	34.117, 42.477, -125.583
Binary	00101100, 01001000, 11110011

#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#f3d72c
```
#f3d72c rgb(243,215,44)
```

Complementary Color

#2cacf3
```
#2cacf3 rgb(44,172,243)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#742cf3
```
#742cf3 rgb(116,44,243)
```

Analogous Color

#acf32c
```
#acf32c rgb(172,243,44)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#f3742c
```
#f3742c rgb(243,116,44)
```

Split Complementary Color

#48f32c
```
#48f32c rgb(72,243,44)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#f32c48
```
#f32c48 rgb(243,44,72)
```

Triadic Color

#2cf3d7
```
#2cf3d7 rgb(44,243,215)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#f32c48
```
#f32c48 rgb(243,44,72)
```
#f3d72c
```
#f3d72c rgb(243,215,44)
```

Tetradic Color

#0b26c7
```
#0b26c7 rgb(11,38,199)
```
#0d2adf
```
#0d2adf rgb(13,42,223)
```
#1433f2
```
#1433f2 rgb(20,51,242)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#445df4
```
#445df4 rgb(68,93,244)
```
#5c72f6
```
#5c72f6 rgb(92,114,246)
```
#7487f7
```
#7487f7 rgb(116,135,247)
```

Monochromatic Color

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

#2c7af3
```
#2c7af3 rgb(44,122,243)
```
#2c69f3
```
#2c69f3 rgb(44,105,243)
```
#2c59f3
```
#2c59f3 rgb(44,89,243)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#2c37f3
```
#2c37f3 rgb(44,55,243)
```
#312cf3
```
#312cf3 rgb(49,44,243)
```
#422cf3
```
#422cf3 rgb(66,44,243)
```

Similar Colors

Text with hexadecimal color #2c48f3

This text has a font color of #2c48f3.

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

#2c48f3 background color

This paragraph has a background color of #2c48f3.

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

#2c48f3 border color

This element has a border color of #2c48f3.

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

CSS codes

.text {color:#2c48f3;}

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

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

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

#01020c
```
#01020c rgb(1,2,12)
```
#02061e
```
#02061e rgb(2,6,30)
```
#030931
```
#030931 rgb(3,9,49)
```
#040d43
```
#040d43 rgb(4,13,67)
```
#051056
```
#051056 rgb(5,16,86)
```
#061469
```
#061469 rgb(6,20,105)
```
#07177b
```
#07177b rgb(7,23,123)
```
#081b8e
```
#081b8e rgb(8,27,142)
```
#091ea0
```
#091ea0 rgb(9,30,160)
```
#0a22b3
```
#0a22b3 rgb(10,34,179)
```
#0b25c5
```
#0b25c5 rgb(11,37,197)
```
#0c29d8
```
#0c29d8 rgb(12,41,216)
```
#0d2cea
```
#0d2cea rgb(13,44,234)
```

Shade Color Variation

#1938f2
```
#1938f2 rgb(25,56,242)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#3f58f4
```
#3f58f4 rgb(63,88,244)
```
#5168f5
```
#5168f5 rgb(81,104,245)
```
#6478f6
```
#6478f6 rgb(100,120,246)
```
#7688f7
```
#7688f7 rgb(118,136,247)
```
#8998f8
```
#8998f8 rgb(137,152,248)
```
#9ba9f9
```
#9ba9f9 rgb(155,169,249)
```
#aeb9fa
```
#aeb9fa rgb(174,185,250)
```
#c0c9fb
```
#c0c9fb rgb(192,201,251)
```
#d3d9fc
```
#d3d9fc rgb(211,217,252)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c95 is the less saturated color, while #2342fc is the most saturated one.

#8a8c95
```
#8a8c95 rgb(138,140,149)
```
#82869d
```
#82869d rgb(130,134,157)
```
#797fa6
```
#797fa6 rgb(121,127,166)
```
#7179ae
```
#7179ae rgb(113,121,174)
```
#6873b7
```
#6873b7 rgb(104,115,183)
```
#5f6dc0
```
#5f6dc0 rgb(95,109,192)
```
#5767c8
```
#5767c8 rgb(87,103,200)
```
#4e61d1
```
#4e61d1 rgb(78,97,209)
```
#465ad9
```
#465ad9 rgb(70,90,217)
```
#3d54e2
```
#3d54e2 rgb(61,84,226)
```
#354eea
```
#354eea rgb(53,78,234)
```
#2c48f3
```
#2c48f3 rgb(44,72,243)
```
#2342fc
```
#2342fc rgb(35,66,252)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b5173 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#105ad5 Protanomaly 1% of men, 0.01% of women
#105ec4 Deuteranomaly 6% of men, 0.4% of women
#1063a4 Tritanomaly 0.01% of the population

#2c48f3 hex color

#2c48f3 Color Information

#2c48f3 Color Conversion

Color Schemes with #2c48f3

Alternatives to #2c48f3

#2c48f3 Preview

Shades and Tints of #2c48f3

Tones of #2c48f3

Color Blindness Simulator