#3054e6 hex color

In a RGB color space, hex #3054e6 is composed of 18.8% red, 32.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 63.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 228.1 degrees, a saturation of 78.4% and a lightness of 54.5%. #3054e6 color hex could be obtained by blending #60a8ff with #0000cd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 33
- B 90
RGB color chart
- C 79
- M 63
- Y 0
- K 10
CMYK color chart

● #3054e6 color description : Bright blue.

The hexadecimal color #3054e6 has RGB values of R:48, G:84, B:230 and CMYK values of C:0.79, M:0.63, Y:0, K:0.1. Its decimal value is 3167462.

Hex triplet	3054e6	`#3054e6`
RGB Decimal	48, 84, 230	`rgb(48,84,230)`
RGB Percent	18.8, 32.9, 90.2	`rgb(18.8%,32.9%,90.2%)`
CMYK	79, 63, 0, 10
HSL	228.1°, 78.4, 54.5	`hsl(228.1,78.4%,54.5%)`
HSV (or HSB)	228.1°, 79.1, 90.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.278, 39.447, -77.182
XYZ	18.669, 12.681, 76.322
xyY	0.173, 0.118, 12.681
CIE-LCH	42.278, 86.678, 297.071
CIE-LUV	42.278, -14.997, -114.145
Hunter-Lab	35.61, 31.264, -102.147
Binary	00110000, 01010100, 11100110

#3054e6
```
#3054e6 rgb(48,84,230)
```
#e6c230
```
#e6c230 rgb(230,194,48)
```

Complementary Color

#30afe6
```
#30afe6 rgb(48,175,230)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#6730e6
```
#6730e6 rgb(103,48,230)
```

Analogous Color

#afe630
```
#afe630 rgb(175,230,48)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#e66730
```
#e66730 rgb(230,103,48)
```

Split Complementary Color

#54e630
```
#54e630 rgb(84,230,48)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#e63054
```
#e63054 rgb(230,48,84)
```

Triadic Color

#30e6c2
```
#30e6c2 rgb(48,230,194)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#e63054
```
#e63054 rgb(230,48,84)
```
#e6c230
```
#e6c230 rgb(230,194,48)
```

Tetradic Color

#1635b4
```
#1635b4 rgb(22,53,180)
```
#183ccb
```
#183ccb rgb(24,60,203)
```
#1b42e1
```
#1b42e1 rgb(27,66,225)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#4767e9
```
#4767e9 rgb(71,103,233)
```
#5e7aeb
```
#5e7aeb rgb(94,122,235)
```
#748cee
```
#748cee rgb(116,140,238)
```

Monochromatic Color

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

#3082e6
```
#3082e6 rgb(48,130,230)
```
#3072e6
```
#3072e6 rgb(48,114,230)
```
#3063e6
```
#3063e6 rgb(48,99,230)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#3045e6
```
#3045e6 rgb(48,69,230)
```
#3036e6
```
#3036e6 rgb(48,54,230)
```
#3a30e6
```
#3a30e6 rgb(58,48,230)
```

Similar Colors

Text with hexadecimal color #3054e6

This text has a font color of #3054e6.

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

#3054e6 background color

This paragraph has a background color of #3054e6.

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

#3054e6 border color

This element has a border color of #3054e6.

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

CSS codes

.text {color:#3054e6;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020615
```
#020615 rgb(2,6,21)
```
#050b26
```
#050b26 rgb(5,11,38)
```
#071038
```
#071038 rgb(7,16,56)
```
#091649
```
#091649 rgb(9,22,73)
```
#0b1b5b
```
#0b1b5b rgb(11,27,91)
```
#0d206c
```
#0d206c rgb(13,32,108)
```
#0f257e
```
#0f257e rgb(15,37,126)
```
#112a8f
```
#112a8f rgb(17,42,143)
```
#132fa1
```
#132fa1 rgb(19,47,161)
```
#1634b2
```
#1634b2 rgb(22,52,178)
```
#183ac4
```
#183ac4 rgb(24,58,196)
```
#1a3fd5
```
#1a3fd5 rgb(26,63,213)
```

Shade Color Variation

#1e46e4
```
#1e46e4 rgb(30,70,228)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#4262e8
```
#4262e8 rgb(66,98,232)
```
#5371ea
```
#5371ea rgb(83,113,234)
```
#657fec
```
#657fec rgb(101,127,236)
```
#768eee
```
#768eee rgb(118,142,238)
```
#889cf1
```
#889cf1 rgb(136,156,241)
```
#99abf3
```
#99abf3 rgb(153,171,243)
```
#abb9f5
```
#abb9f5 rgb(171,185,245)
```
#bcc8f7
```
#bcc8f7 rgb(188,200,247)
```
#ced6f9
```
#ced6f9 rgb(206,214,249)
```
#dfe5fb
```
#dfe5fb rgb(223,229,251)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

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

#898a8d
```
#898a8d rgb(137,138,141)
```
#808596
```
#808596 rgb(128,133,150)
```
#777f9f
```
#777f9f rgb(119,127,159)
```
#6e7aa8
```
#6e7aa8 rgb(110,122,168)
```
#6674b0
```
#6674b0 rgb(102,116,176)
```
#5d6fb9
```
#5d6fb9 rgb(93,111,185)
```
#546ac2
```
#546ac2 rgb(84,106,194)
```
#4b64cb
```
#4b64cb rgb(75,100,203)
```
#425fd4
```
#425fd4 rgb(66,95,212)
```
#3959dd
```
#3959dd rgb(57,89,221)
```
#3054e6
```
#3054e6 rgb(48,84,230)
```
#274fef
```
#274fef rgb(39,79,239)
```
#1e49f8
```
#1e49f8 rgb(30,73,248)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#1161d5 Protanomaly 1% of men, 0.01% of women
#1164c4 Deuteranomaly 6% of men, 0.4% of women
#1169a3 Tritanomaly 0.01% of the population

#3054e6 hex color

#3054e6 Color Information

#3054e6 Color Conversion

Color Schemes with #3054e6

Alternatives to #3054e6

#3054e6 Preview

Shades and Tints of #3054e6

Tones of #3054e6

Color Blindness Simulator