#3053e3 hex color

In a RGB color space, hex #3053e3 is composed of 18.8% red, 32.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 63.4% magenta, 0% yellow and 11% black. It has a hue angle of 228.3 degrees, a saturation of 76.2% and a lightness of 53.9%. #3053e3 color hex could be obtained by blending #60a6ff with #0000c7. Closest websafe color is: #3366cc.

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

● #3053e3 color description : Bright blue.

The hexadecimal color #3053e3 has RGB values of R:48, G:83, B:227 and CMYK values of C:0.79, M:0.63, Y:0, K:0.11. Its decimal value is 3167203.

Hex triplet	3053e3	`#3053e3`
RGB Decimal	48, 83, 227	`rgb(48,83,227)`
RGB Percent	18.8, 32.5, 89	`rgb(18.8%,32.5%,89%)`
CMYK	79, 63, 0, 11
HSL	228.3°, 76.2, 53.9	`hsl(228.3,76.2%,53.9%)`
HSV (or HSB)	228.3°, 78.9, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.782, 38.996, -76.293
XYZ	18.174, 12.36, 74.097
xyY	0.174, 0.118, 12.36
CIE-LCH	41.782, 85.682, 297.073
CIE-LUV	41.782, -14.737, -112.507
Hunter-Lab	35.156, 30.754, -100.352
Binary	00110000, 01010011, 11100011

#3053e3
```
#3053e3 rgb(48,83,227)
```
#e3c030
```
#e3c030 rgb(227,192,48)
```

Complementary Color

#30ade3
```
#30ade3 rgb(48,173,227)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#6730e3
```
#6730e3 rgb(103,48,227)
```

Analogous Color

#ade330
```
#ade330 rgb(173,227,48)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#e36730
```
#e36730 rgb(227,103,48)
```

Split Complementary Color

#53e330
```
#53e330 rgb(83,227,48)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#e33053
```
#e33053 rgb(227,48,83)
```

Triadic Color

#30e3c0
```
#30e3c0 rgb(48,227,192)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#e33053
```
#e33053 rgb(227,48,83)
```
#e3c030
```
#e3c030 rgb(227,192,48)
```

Tetradic Color

#1835af
```
#1835af rgb(24,53,175)
```
#1b3cc5
```
#1b3cc5 rgb(27,60,197)
```
#1e43dc
```
#1e43dc rgb(30,67,220)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#4666e6
```
#4666e6 rgb(70,102,230)
```
#5d78e9
```
#5d78e9 rgb(93,120,233)
```
#738bec
```
#738bec rgb(115,139,236)
```

Monochromatic Color

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

#3080e3
```
#3080e3 rgb(48,128,227)
```
#3071e3
```
#3071e3 rgb(48,113,227)
```
#3062e3
```
#3062e3 rgb(48,98,227)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#3044e3
```
#3044e3 rgb(48,68,227)
```
#3035e3
```
#3035e3 rgb(48,53,227)
```
#3a30e3
```
#3a30e3 rgb(58,48,227)
```

Similar Colors

Text with hexadecimal color #3053e3

This text has a font color of #3053e3.

<span style="color:#3053e3;">Text here</span>

#3053e3 background color

This paragraph has a background color of #3053e3.

<p style="background-color:#3053e3;">Content here</p>

#3053e3 border color

This element has a border color of #3053e3.

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

CSS codes

.text {color:#3053e3;}

.background {background-color:#3053e3;}

.border {border:1px solid #3053e3;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020512
```
#020512 rgb(2,5,18)
```
#050b23
```
#050b23 rgb(5,11,35)
```
#071034
```
#071034 rgb(7,16,52)
```
#091545
```
#091545 rgb(9,21,69)
```
#0c1a57
```
#0c1a57 rgb(12,26,87)
```
#0e2068
```
#0e2068 rgb(14,32,104)
```
#102579
```
#102579 rgb(16,37,121)
```
#132a8b
```
#132a8b rgb(19,42,139)
```
#152f9c
```
#152f9c rgb(21,47,156)
```
#1735ad
```
#1735ad rgb(23,53,173)
```
#1a3abe
```
#1a3abe rgb(26,58,190)
```
#1c3fd0
```
#1c3fd0 rgb(28,63,208)
```

Shade Color Variation

#1f45e1
```
#1f45e1 rgb(31,69,225)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#4161e5
```
#4161e5 rgb(65,97,229)
```
#5370e8
```
#5370e8 rgb(83,112,232)
```
#647eea
```
#647eea rgb(100,126,234)
```
#758cec
```
#758cec rgb(117,140,236)
```
#869bef
```
#869bef rgb(134,155,239)
```
#98a9f1
```
#98a9f1 rgb(152,169,241)
```
#a9b7f3
```
#a9b7f3 rgb(169,183,243)
```
#bac6f6
```
#bac6f6 rgb(186,198,246)
```
#ccd4f8
```
#ccd4f8 rgb(204,212,248)
```
#dde3fa
```
#dde3fa rgb(221,227,250)
```
#eef1fd
```
#eef1fd rgb(238,241,253)
```

Tint Color Variation

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

#818592
```
#818592 rgb(129,133,146)
```
#787f9b
```
#787f9b rgb(120,127,155)
```
#6f7aa4
```
#6f7aa4 rgb(111,122,164)
```
#6674ad
```
#6674ad rgb(102,116,173)
```
#5d6fb6
```
#5d6fb6 rgb(93,111,182)
```
#5469bf
```
#5469bf rgb(84,105,191)
```
#4b64c8
```
#4b64c8 rgb(75,100,200)
```
#425ed1
```
#425ed1 rgb(66,94,209)
```
#3959da
```
#3959da rgb(57,89,218)
```
#3053e3
```
#3053e3 rgb(48,83,227)
```
#274dec
```
#274dec rgb(39,77,236)
```
#1e48f5
```
#1e48f5 rgb(30,72,245)
```
#1542fe
```
#1542fe rgb(21,66,254)
```

Tone Color Variation

Below, you can see how #3053e3 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
#515875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#1160d3 Protanomaly 1% of men, 0.01% of women
#1163c2 Deuteranomaly 6% of men, 0.4% of women
#1168a1 Tritanomaly 0.01% of the population

#3053e3 hex color

#3053e3 Color Information

#3053e3 Color Conversion

Color Schemes with #3053e3

Alternatives to #3053e3

#3053e3 Preview

Shades and Tints of #3053e3

Tones of #3053e3

Color Blindness Simulator