#3059e2 hex color

In a RGB color space, hex #3059e2 is composed of 18.8% red, 34.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 60.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.2 degrees, a saturation of 75.4% and a lightness of 53.7%. #3059e2 color hex could be obtained by blending #60b2ff with #0000c5. Closest websafe color is: #3366cc.

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

● #3059e2 color description : Bright blue.

The hexadecimal color #3059e2 has RGB values of R:48, G:89, B:226 and CMYK values of C:0.79, M:0.61, Y:0, K:0.11. Its decimal value is 3168738.

Hex triplet	3059e2	`#3059e2`
RGB Decimal	48, 89, 226	`rgb(48,89,226)`
RGB Percent	18.8, 34.9, 88.6	`rgb(18.8%,34.9%,88.6%)`
CMYK	79, 61, 0, 11
HSL	226.2°, 75.4, 53.7	`hsl(226.2,75.4%,53.7%)`
HSV (or HSB)	226.2°, 78.8, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.157, 34.864, -73.475
XYZ	18.516, 13.263, 73.531
xyY	0.176, 0.126, 13.263
CIE-LCH	43.157, 81.327, 295.384
CIE-LUV	43.157, -16.138, -109.876
Hunter-Lab	36.418, 27.022, -94.219
Binary	00110000, 01011001, 11100010

#3059e2
```
#3059e2 rgb(48,89,226)
```
#e2b930
```
#e2b930 rgb(226,185,48)
```

Complementary Color

#30b2e2
```
#30b2e2 rgb(48,178,226)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#6030e2
```
#6030e2 rgb(96,48,226)
```

Analogous Color

#b2e230
```
#b2e230 rgb(178,226,48)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#e26030
```
#e26030 rgb(226,96,48)
```

Split Complementary Color

#59e230
```
#59e230 rgb(89,226,48)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#e23059
```
#e23059 rgb(226,48,89)
```

Triadic Color

#30e2b9
```
#30e2b9 rgb(48,226,185)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#e23059
```
#e23059 rgb(226,48,89)
```
#e2b930
```
#e2b930 rgb(226,185,48)
```

Tetradic Color

#183bad
```
#183bad rgb(24,59,173)
```
#1b42c4
```
#1b42c4 rgb(27,66,196)
```
#1f4ada
```
#1f4ada rgb(31,74,218)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#466be5
```
#466be5 rgb(70,107,229)
```
#5d7de8
```
#5d7de8 rgb(93,125,232)
```
#738feb
```
#738feb rgb(115,143,235)
```

Monochromatic Color

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

#3086e2
```
#3086e2 rgb(48,134,226)
```
#3077e2
```
#3077e2 rgb(48,119,226)
```
#3068e2
```
#3068e2 rgb(48,104,226)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#304ae2
```
#304ae2 rgb(48,74,226)
```
#303be2
```
#303be2 rgb(48,59,226)
```
#3430e2
```
#3430e2 rgb(52,48,226)
```

Similar Colors

Text with hexadecimal color #3059e2

This text has a font color of #3059e2.

<span style="color:#3059e2;">Text here</span>

#3059e2 background color

This paragraph has a background color of #3059e2.

<p style="background-color:#3059e2;">Content here</p>

#3059e2 border color

This element has a border color of #3059e2.

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

CSS codes

.text {color:#3059e2;}

.background {background-color:#3059e2;}

.border {border:1px solid #3059e2;}

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

#020611
```
#020611 rgb(2,6,17)
```
#050b22
```
#050b22 rgb(5,11,34)
```
#071133
```
#071133 rgb(7,17,51)
```
#0a1744
```
#0a1744 rgb(10,23,68)
```
#0c1d55
```
#0c1d55 rgb(12,29,85)
```
#0e2367
```
#0e2367 rgb(14,35,103)
```
#112978
```
#112978 rgb(17,41,120)
```
#132e89
```
#132e89 rgb(19,46,137)
```
#16349a
```
#16349a rgb(22,52,154)
```
#183aac
```
#183aac rgb(24,58,172)
```
#1a40bd
```
#1a40bd rgb(26,64,189)
```
#1d46ce
```
#1d46ce rgb(29,70,206)
```
#1f4bdf
```
#1f4bdf rgb(31,75,223)
```

Shade Color Variation

#3059e2
```
#3059e2 rgb(48,89,226)
```
#4167e4
```
#4167e4 rgb(65,103,228)
```
#5275e7
```
#5275e7 rgb(82,117,231)
```
#6482e9
```
#6482e9 rgb(100,130,233)
```
#7590ec
```
#7590ec rgb(117,144,236)
```
#869eee
```
#869eee rgb(134,158,238)
```
#97acf0
```
#97acf0 rgb(151,172,240)
```
#a8baf3
```
#a8baf3 rgb(168,186,243)
```
#bac7f5
```
#bac7f5 rgb(186,199,245)
```
#cbd5f8
```
#cbd5f8 rgb(203,213,248)
```
#dce3fa
```
#dce3fa rgb(220,227,250)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#828590
```
#828590 rgb(130,133,144)
```
#798099
```
#798099 rgb(121,128,153)
```
#707ba2
```
#707ba2 rgb(112,123,162)
```
#6676ac
```
#6676ac rgb(102,118,172)
```
#5d71b5
```
#5d71b5 rgb(93,113,181)
```
#546dbe
```
#546dbe rgb(84,109,190)
```
#4b68c7
```
#4b68c7 rgb(75,104,199)
```
#4263d0
```
#4263d0 rgb(66,99,208)
```
#395ed9
```
#395ed9 rgb(57,94,217)
```
#3059e2
```
#3059e2 rgb(48,89,226)
```
#2754eb
```
#2754eb rgb(39,84,235)
```
#1e4ff4
```
#1e4ff4 rgb(30,79,244)
```
#154afd
```
#154afd rgb(21,74,253)
```

Tone Color Variation

Below, you can see how #3059e2 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

#5c5c5c Achromatopsia 0.005% of the population
#535b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1164d6 Protanomaly 1% of men, 0.01% of women
#1168c5 Deuteranomaly 6% of men, 0.4% of women
#116da3 Tritanomaly 0.01% of the population

#3059e2 hex color

#3059e2 Color Information

#3059e2 Color Conversion

Color Schemes with #3059e2

Alternatives to #3059e2

#3059e2 Preview

Shades and Tints of #3059e2

Tones of #3059e2

Color Blindness Simulator