#3048ed hex color

In a RGB color space, hex #3048ed is composed of 18.8% red, 28.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 69.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 232.4 degrees, a saturation of 84% and a lightness of 55.9%. #3048ed color hex could be obtained by blending #6090ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 28
- B 93
RGB color chart
- C 80
- M 70
- Y 0
- K 7
CMYK color chart

● #3048ed color description : Bright blue.

The hexadecimal color #3048ed has RGB values of R:48, G:72, B:237 and CMYK values of C:0.8, M:0.7, Y:0, K:0.07. Its decimal value is 3164397.

Hex triplet	3048ed	`#3048ed`
RGB Decimal	48, 72, 237	`rgb(48,72,237)`
RGB Percent	18.8, 28.2, 92.9	`rgb(18.8%,28.2%,92.9%)`
CMYK	80, 70, 0, 7
HSL	232.4°, 84, 55.9	`hsl(232.4,84%,55.9%)`
HSV (or HSB)	232.4°, 79.7, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.207, 49.152, -84.549
XYZ	18.819, 11.376, 81.32
xyY	0.169, 0.102, 11.376
CIE-LCH	40.207, 97.798, 300.171
CIE-LUV	40.207, -12.628, -121.322
Hunter-Lab	33.729, 40.571, -119.339
Binary	00110000, 01001000, 11101101

#3048ed
```
#3048ed rgb(48,72,237)
```
#edd530
```
#edd530 rgb(237,213,48)
```

Complementary Color

#30a7ed
```
#30a7ed rgb(48,167,237)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#7730ed
```
#7730ed rgb(119,48,237)
```

Analogous Color

#a7ed30
```
#a7ed30 rgb(167,237,48)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#ed7730
```
#ed7730 rgb(237,119,48)
```

Split Complementary Color

#48ed30
```
#48ed30 rgb(72,237,48)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#ed3048
```
#ed3048 rgb(237,48,72)
```

Triadic Color

#30edd5
```
#30edd5 rgb(48,237,213)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#ed3048
```
#ed3048 rgb(237,48,72)
```
#edd530
```
#edd530 rgb(237,213,48)
```

Tetradic Color

#1127c0
```
#1127c0 rgb(17,39,192)
```
#132cd7
```
#132cd7 rgb(19,44,215)
```
#1933eb
```
#1933eb rgb(25,51,235)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#475def
```
#475def rgb(71,93,239)
```
#5f71f1
```
#5f71f1 rgb(95,113,241)
```
#7686f3
```
#7686f3 rgb(118,134,243)
```

Monochromatic Color

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

#3077ed
```
#3077ed rgb(48,119,237)
```
#3068ed
```
#3068ed rgb(48,104,237)
```
#3058ed
```
#3058ed rgb(48,88,237)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#3038ed
```
#3038ed rgb(48,56,237)
```
#3830ed
```
#3830ed rgb(56,48,237)
```
#4730ed
```
#4730ed rgb(71,48,237)
```

Similar Colors

Text with hexadecimal color #3048ed

This text has a font color of #3048ed.

<span style="color:#3048ed;">Text here</span>

#3048ed background color

This paragraph has a background color of #3048ed.

<p style="background-color:#3048ed;">Content here</p>

#3048ed border color

This element has a border color of #3048ed.

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

CSS codes

.text {color:#3048ed;}

.background {background-color:#3048ed;}

.border {border:1px solid #3048ed;}

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

#01020a
```
#01020a rgb(1,2,10)
```
#02061c
```
#02061c rgb(2,6,28)
```
#04092e
```
#04092e rgb(4,9,46)
```
#060d40
```
#060d40 rgb(6,13,64)
```
#071152
```
#071152 rgb(7,17,82)
```
#091464
```
#091464 rgb(9,20,100)
```
#0a1876
```
#0a1876 rgb(10,24,118)
```
#0c1c88
```
#0c1c88 rgb(12,28,136)
```
#0d1f9a
```
#0d1f9a rgb(13,31,154)
```
#0f23ac
```
#0f23ac rgb(15,35,172)
```
#1127be
```
#1127be rgb(17,39,190)
```
#122ad0
```
#122ad0 rgb(18,42,208)
```
#142ee2
```
#142ee2 rgb(20,46,226)
```

Shade Color Variation

#1e38eb
```
#1e38eb rgb(30,56,235)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#4258ef
```
#4258ef rgb(66,88,239)
```
#5468f0
```
#5468f0 rgb(84,104,240)
```
#6678f2
```
#6678f2 rgb(102,120,242)
```
#7888f3
```
#7888f3 rgb(120,136,243)
```
#8a98f5
```
#8a98f5 rgb(138,152,245)
```
#9ca8f6
```
#9ca8f6 rgb(156,168,246)
```
#aeb8f8
```
#aeb8f8 rgb(174,184,248)
```
#c0c8fa
```
#c0c8fa rgb(192,200,250)
```
#d2d8fb
```
#d2d8fb rgb(210,216,251)
```
#e4e8fd
```
#e4e8fd rgb(228,232,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#878996
```
#878996 rgb(135,137,150)
```
#7e829f
```
#7e829f rgb(126,130,159)
```
#757ca8
```
#757ca8 rgb(117,124,168)
```
#6d75b0
```
#6d75b0 rgb(109,117,176)
```
#646fb9
```
#646fb9 rgb(100,111,185)
```
#5b68c2
```
#5b68c2 rgb(91,104,194)
```
#5362ca
```
#5362ca rgb(83,98,202)
```
#4a5bd3
```
#4a5bd3 rgb(74,91,211)
```
#4155dc
```
#4155dc rgb(65,85,220)
```
#394ee4
```
#394ee4 rgb(57,78,228)
```
#3048ed
```
#3048ed rgb(48,72,237)
```
#2742f6
```
#2742f6 rgb(39,66,246)
```
#1f3bfe
```
#1f3bfe rgb(31,59,254)
```

Tone Color Variation

Below, you can see how #3048ed 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
#4d5273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1159d2 Protanomaly 1% of men, 0.01% of women
#115dc1 Deuteranomaly 6% of men, 0.4% of women
#1162a1 Tritanomaly 0.01% of the population

#3048ed hex color

#3048ed Color Information

#3048ed Color Conversion

Color Schemes with #3048ed

Alternatives to #3048ed

#3048ed Preview

Shades and Tints of #3048ed

Tones of #3048ed

Color Blindness Simulator