#3054ed hex color

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

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

● #3054ed color description : Bright blue.

The hexadecimal color #3054ed has RGB values of R:48, G:84, B:237 and CMYK values of C:0.8, M:0.65, Y:0, K:0.07. Its decimal value is 3167469.

Hex triplet	3054ed	`#3054ed`
RGB Decimal	48, 84, 237	`rgb(48,84,237)`
RGB Percent	18.8, 32.9, 92.9	`rgb(18.8%,32.9%,92.9%)`
CMYK	80, 65, 0, 7
HSL	228.6°, 84, 55.9	`hsl(228.6,84%,55.9%)`
HSV (or HSB)	228.6°, 79.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.887, 41.94, -80.141
XYZ	19.672, 13.082, 81.604
xyY	0.172, 0.114, 13.082
CIE-LCH	42.887, 90.451, 297.624
CIE-LUV	42.887, -15.077, -118.631
Hunter-Lab	36.169, 33.789, -108.451
Binary	00110000, 01010100, 11101101

#3054ed
```
#3054ed rgb(48,84,237)
```
#edc930
```
#edc930 rgb(237,201,48)
```

Complementary Color

#30b3ed
```
#30b3ed rgb(48,179,237)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#6b30ed
```
#6b30ed rgb(107,48,237)
```

Analogous Color

#b3ed30
```
#b3ed30 rgb(179,237,48)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#ed6b30
```
#ed6b30 rgb(237,107,48)
```

Split Complementary Color

#54ed30
```
#54ed30 rgb(84,237,48)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#ed3054
```
#ed3054 rgb(237,48,84)
```

Triadic Color

#30edc9
```
#30edc9 rgb(48,237,201)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#ed3054
```
#ed3054 rgb(237,48,84)
```
#edc930
```
#edc930 rgb(237,201,48)
```

Tetradic Color

#1132c0
```
#1132c0 rgb(17,50,192)
```
#1338d7
```
#1338d7 rgb(19,56,215)
```
#1941eb
```
#1941eb rgb(25,65,235)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#4767ef
```
#4767ef rgb(71,103,239)
```
#5f7bf1
```
#5f7bf1 rgb(95,123,241)
```
#768ef3
```
#768ef3 rgb(118,142,243)
```

Monochromatic Color

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

#3083ed
```
#3083ed rgb(48,131,237)
```
#3074ed
```
#3074ed rgb(48,116,237)
```
#3064ed
```
#3064ed rgb(48,100,237)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#3044ed
```
#3044ed rgb(48,68,237)
```
#3034ed
```
#3034ed rgb(48,52,237)
```
#3b30ed
```
#3b30ed rgb(59,48,237)
```

Similar Colors

Text with hexadecimal color #3054ed

This text has a font color of #3054ed.

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

#3054ed background color

This paragraph has a background color of #3054ed.

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

#3054ed border color

This element has a border color of #3054ed.

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

CSS codes

.text {color:#3054ed;}

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

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

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 #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#02071c
```
#02071c rgb(2,7,28)
```
#040c2e
```
#040c2e rgb(4,12,46)
```
#061140
```
#061140 rgb(6,17,64)
```
#071552
```
#071552 rgb(7,21,82)
```
#091a64
```
#091a64 rgb(9,26,100)
```
#0a1f76
```
#0a1f76 rgb(10,31,118)
```
#0c2388
```
#0c2388 rgb(12,35,136)
```
#0d289a
```
#0d289a rgb(13,40,154)
```
#0f2dac
```
#0f2dac rgb(15,45,172)
```
#1132be
```
#1132be rgb(17,50,190)
```
#1236d0
```
#1236d0 rgb(18,54,208)
```
#143be2
```
#143be2 rgb(20,59,226)
```

Shade Color Variation

#1e45eb
```
#1e45eb rgb(30,69,235)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#4263ef
```
#4263ef rgb(66,99,239)
```
#5472f0
```
#5472f0 rgb(84,114,240)
```
#6681f2
```
#6681f2 rgb(102,129,242)
```
#7890f3
```
#7890f3 rgb(120,144,243)
```
#8a9ff5
```
#8a9ff5 rgb(138,159,245)
```
#9cadf6
```
#9cadf6 rgb(156,173,246)
```
#aebcf8
```
#aebcf8 rgb(174,188,248)
```
#c0cbfa
```
#c0cbfa rgb(192,203,250)
```
#d2dafb
```
#d2dafb rgb(210,218,251)
```
#e4e9fd
```
#e4e9fd rgb(228,233,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#878a96
```
#878a96 rgb(135,138,150)
```
#7e849f
```
#7e849f rgb(126,132,159)
```
#757fa8
```
#757fa8 rgb(117,127,168)
```
#6d7ab0
```
#6d7ab0 rgb(109,122,176)
```
#6474b9
```
#6474b9 rgb(100,116,185)
```
#5b6fc2
```
#5b6fc2 rgb(91,111,194)
```
#5369ca
```
#5369ca rgb(83,105,202)
```
#4a64d3
```
#4a64d3 rgb(74,100,211)
```
#415fdc
```
#415fdc rgb(65,95,220)
```
#3959e4
```
#3959e4 rgb(57,89,228)
```
#3054ed
```
#3054ed rgb(48,84,237)
```
#274ff6
```
#274ff6 rgb(39,79,246)
```
#1f49fe
```
#1f49fe rgb(31,73,254)
```

Tone Color Variation

Below, you can see how #3054ed 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

#5b5b5b Achromatopsia 0.005% of the population
#525a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1162d9 Protanomaly 1% of men, 0.01% of women
#1165c8 Deuteranomaly 6% of men, 0.4% of women
#116aa6 Tritanomaly 0.01% of the population

#3054ed hex color

#3054ed Color Information

#3054ed Color Conversion

Color Schemes with #3054ed

Alternatives to #3054ed

#3054ed Preview

Shades and Tints of #3054ed

Tones of #3054ed

Color Blindness Simulator