#3054dd hex color

In a RGB color space, hex #3054dd is composed of 18.8% red, 32.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 62% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.5 degrees, a saturation of 71.8% and a lightness of 52.7%. #3054dd color hex could be obtained by blending #60a8ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 33
- B 87
RGB color chart
- C 78
- M 62
- Y 0
- K 13
CMYK color chart

● #3054dd color description : Bright blue.

The hexadecimal color #3054dd has RGB values of R:48, G:84, B:221 and CMYK values of C:0.78, M:0.62, Y:0, K:0.13. Its decimal value is 3167453.

Hex triplet	3054dd	`#3054dd`
RGB Decimal	48, 84, 221	`rgb(48,84,221)`
RGB Percent	18.8, 32.9, 86.7	`rgb(18.8%,32.9%,86.7%)`
CMYK	78, 62, 0, 13
HSL	227.5°, 71.8, 52.7	`hsl(227.5,71.8%,52.7%)`
HSV (or HSB)	227.5°, 78.3, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.514, 36.206, -73.318
XYZ	17.438, 12.188, 69.836
xyY	0.175, 0.123, 12.188
CIE-LCH	41.514, 81.77, 296.281
CIE-LUV	41.514, -14.906, -108.281
Hunter-Lab	34.912, 28.062, -94.164
Binary	00110000, 01010100, 11011101

#3054dd
```
#3054dd rgb(48,84,221)
```
#ddb930
```
#ddb930 rgb(221,185,48)
```

Complementary Color

#30abdd
```
#30abdd rgb(48,171,221)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#6230dd
```
#6230dd rgb(98,48,221)
```

Analogous Color

#abdd30
```
#abdd30 rgb(171,221,48)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#dd6330
```
#dd6330 rgb(221,99,48)
```

Split Complementary Color

#54dd30
```
#54dd30 rgb(84,221,48)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#dd3054
```
#dd3054 rgb(221,48,84)
```

Triadic Color

#30ddb9
```
#30ddb9 rgb(48,221,185)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#dd3054
```
#dd3054 rgb(221,48,84)
```
#ddb930
```
#ddb930 rgb(221,185,48)
```

Tetradic Color

#1b38a5
```
#1b38a5 rgb(27,56,165)
```
#1f3fbb
```
#1f3fbb rgb(31,63,187)
```
#2247d1
```
#2247d1 rgb(34,71,209)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#4666e1
```
#4666e1 rgb(70,102,225)
```
#5c78e4
```
#5c78e4 rgb(92,120,228)
```
#728ae8
```
#728ae8 rgb(114,138,232)
```

Monochromatic Color

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

#307fdd
```
#307fdd rgb(48,127,221)
```
#3071dd
```
#3071dd rgb(48,113,221)
```
#3062dd
```
#3062dd rgb(48,98,221)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#3046dd
```
#3046dd rgb(48,70,221)
```
#3037dd
```
#3037dd rgb(48,55,221)
```
#3730dd
```
#3730dd rgb(55,48,221)
```

Similar Colors

Text with hexadecimal color #3054dd

This text has a font color of #3054dd.

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

#3054dd background color

This paragraph has a background color of #3054dd.

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

#3054dd border color

This element has a border color of #3054dd.

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

CSS codes

.text {color:#3054dd;}

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

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

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

#02040c
```
#02040c rgb(2,4,12)
```
#050a1d
```
#050a1d rgb(5,10,29)
```
#080f2e
```
#080f2e rgb(8,15,46)
```
#0a153f
```
#0a153f rgb(10,21,63)
```
#0d1b4f
```
#0d1b4f rgb(13,27,79)
```
#102160
```
#102160 rgb(16,33,96)
```
#132671
```
#132671 rgb(19,38,113)
```
#152c82
```
#152c82 rgb(21,44,130)
```
#183293
```
#183293 rgb(24,50,147)
```
#1b37a4
```
#1b37a4 rgb(27,55,164)
```
#1e3db5
```
#1e3db5 rgb(30,61,181)
```
#2043c5
```
#2043c5 rgb(32,67,197)
```
#2348d6
```
#2348d6 rgb(35,72,214)
```

Shade Color Variation

#3054dd
```
#3054dd rgb(48,84,221)
```
#4162e0
```
#4162e0 rgb(65,98,224)
```
#5270e3
```
#5270e3 rgb(82,112,227)
```
#637ee5
```
#637ee5 rgb(99,126,229)
```
#738ce8
```
#738ce8 rgb(115,140,232)
```
#849aeb
```
#849aeb rgb(132,154,235)
```
#95a8ee
```
#95a8ee rgb(149,168,238)
```
#a6b5f0
```
#a6b5f0 rgb(166,181,240)
```
#b7c3f3
```
#b7c3f3 rgb(183,195,243)
```
#c8d1f6
```
#c8d1f6 rgb(200,209,246)
```
#d8dff9
```
#d8dff9 rgb(216,223,249)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858a is the less saturated color, while #1444f9 is the most saturated one.

#83858a
```
#83858a rgb(131,133,138)
```
#7a7f93
```
#7a7f93 rgb(122,127,147)
```
#717a9c
```
#717a9c rgb(113,122,156)
```
#6874a5
```
#6874a5 rgb(104,116,165)
```
#5e6faf
```
#5e6faf rgb(94,111,175)
```
#556ab8
```
#556ab8 rgb(85,106,184)
```
#4c64c1
```
#4c64c1 rgb(76,100,193)
```
#435fca
```
#435fca rgb(67,95,202)
```
#3959d4
```
#3959d4 rgb(57,89,212)
```
#3054dd
```
#3054dd rgb(48,84,221)
```
#274fe6
```
#274fe6 rgb(39,79,230)
```
#1d49f0
```
#1d49f0 rgb(29,73,240)
```
#1444f9
```
#1444f9 rgb(20,68,249)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#1160d0 Protanomaly 1% of men, 0.01% of women
#1163bf Deuteranomaly 6% of men, 0.4% of women
#11689e Tritanomaly 0.01% of the population

#3054dd hex color

#3054dd Color Information

#3054dd Color Conversion

Color Schemes with #3054dd

Alternatives to #3054dd

#3054dd Preview

Shades and Tints of #3054dd

Tones of #3054dd

Color Blindness Simulator