#3055e6 hex color

In a RGB color space, hex #3055e6 is composed of 18.8% red, 33.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 63% magenta, 0% yellow and 9.8% black. It has a hue angle of 227.8 degrees, a saturation of 78.4% and a lightness of 54.5%. #3055e6 color hex could be obtained by blending #60aaff 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

● #3055e6 color description : Bright blue.

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

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

CIE-LAB	42.517, 38.824, -76.791
XYZ	18.747, 12.837, 76.348
xyY	0.174, 0.119, 12.837
CIE-LCH	42.517, 86.047, 296.82
CIE-LUV	42.517, -15.224, -113.842
Hunter-Lab	35.829, 30.699, -101.261
Binary	00110000, 01010101, 11100110

#3055e6
```
#3055e6 rgb(48,85,230)
```
#e6c130
```
#e6c130 rgb(230,193,48)
```

Complementary Color

#30b0e6
```
#30b0e6 rgb(48,176,230)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#6630e6
```
#6630e6 rgb(102,48,230)
```

Analogous Color

#b0e630
```
#b0e630 rgb(176,230,48)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#e66630
```
#e66630 rgb(230,102,48)
```

Split Complementary Color

#55e630
```
#55e630 rgb(85,230,48)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#e63055
```
#e63055 rgb(230,48,85)
```

Triadic Color

#30e6c1
```
#30e6c1 rgb(48,230,193)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#e63055
```
#e63055 rgb(230,48,85)
```
#e6c130
```
#e6c130 rgb(230,193,48)
```

Tetradic Color

#1636b4
```
#1636b4 rgb(22,54,180)
```
#183dcb
```
#183dcb rgb(24,61,203)
```
#1b43e1
```
#1b43e1 rgb(27,67,225)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#4768e9
```
#4768e9 rgb(71,104,233)
```
#5e7aeb
```
#5e7aeb rgb(94,122,235)
```
#748dee
```
#748dee rgb(116,141,238)
```

Monochromatic Color

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

#3083e6
```
#3083e6 rgb(48,131,230)
```
#3073e6
```
#3073e6 rgb(48,115,230)
```
#3064e6
```
#3064e6 rgb(48,100,230)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#3046e6
```
#3046e6 rgb(48,70,230)
```
#3037e6
```
#3037e6 rgb(48,55,230)
```
#3830e6
```
#3830e6 rgb(56,48,230)
```

Similar Colors

Text with hexadecimal color #3055e6

This text has a font color of #3055e6.

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

#3055e6 background color

This paragraph has a background color of #3055e6.

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

#3055e6 border color

This element has a border color of #3055e6.

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

CSS codes

.text {color:#3055e6;}

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

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

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)
```
#071138
```
#071138 rgb(7,17,56)
```
#091649
```
#091649 rgb(9,22,73)
```
#0b1b5b
```
#0b1b5b rgb(11,27,91)
```
#0d206c
```
#0d206c rgb(13,32,108)
```
#0f267e
```
#0f267e rgb(15,38,126)
```
#112b8f
```
#112b8f rgb(17,43,143)
```
#1330a1
```
#1330a1 rgb(19,48,161)
```
#1635b2
```
#1635b2 rgb(22,53,178)
```
#183bc4
```
#183bc4 rgb(24,59,196)
```
#1a40d5
```
#1a40d5 rgb(26,64,213)
```

Shade Color Variation

#1e47e4
```
#1e47e4 rgb(30,71,228)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#4263e8
```
#4263e8 rgb(66,99,232)
```
#5372ea
```
#5372ea rgb(83,114,234)
```
#6580ec
```
#6580ec rgb(101,128,236)
```
#768eee
```
#768eee rgb(118,142,238)
```
#889df1
```
#889df1 rgb(136,157,241)
```
#99abf3
```
#99abf3 rgb(153,171,243)
```
#abbaf5
```
#abbaf5 rgb(171,186,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 #1e4af8 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)
```
#6675b0
```
#6675b0 rgb(102,117,176)
```
#5d6fb9
```
#5d6fb9 rgb(93,111,185)
```
#546ac2
```
#546ac2 rgb(84,106,194)
```
#4b65cb
```
#4b65cb rgb(75,101,203)
```
#4260d4
```
#4260d4 rgb(66,96,212)
```
#395add
```
#395add rgb(57,90,221)
```
#3055e6
```
#3055e6 rgb(48,85,230)
```
#2750ef
```
#2750ef rgb(39,80,239)
```
#1e4af8
```
#1e4af8 rgb(30,74,248)
```

Tone Color Variation

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

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#1161d6 Protanomaly 1% of men, 0.01% of women
#1165c5 Deuteranomaly 6% of men, 0.4% of women
#116aa3 Tritanomaly 0.01% of the population

#3055e6 hex color

#3055e6 Color Information

#3055e6 Color Conversion

Color Schemes with #3055e6

Alternatives to #3055e6

#3055e6 Preview

Shades and Tints of #3055e6

Tones of #3055e6

Color Blindness Simulator