#3056dc hex color

In a RGB color space, hex #3056dc is composed of 18.8% red, 33.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 60.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 226.7 degrees, a saturation of 71.1% and a lightness of 52.5%. #3056dc color hex could be obtained by blending #60acff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 34
- B 86
RGB color chart
- C 78
- M 61
- Y 0
- K 14
CMYK color chart

● #3056dc color description : Bright blue.

The hexadecimal color #3056dc has RGB values of R:48, G:86, B:220 and CMYK values of C:0.78, M:0.61, Y:0, K:0.14. Its decimal value is 3167964.

Hex triplet	3056dc	`#3056dc`
RGB Decimal	48, 86, 220	`rgb(48,86,220)`
RGB Percent	18.8, 33.7, 86.3	`rgb(18.8%,33.7%,86.3%)`
CMYK	78, 61, 0, 14
HSL	226.7°, 71.1, 52.5	`hsl(226.7,71.1%,52.5%)`
HSV (or HSB)	226.7°, 78.2, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.923, 34.577, -72.078
XYZ	17.462, 12.45, 69.189
xyY	0.176, 0.126, 12.45
CIE-LCH	41.923, 79.943, 295.628
CIE-LUV	41.923, -15.376, -106.941
Hunter-Lab	35.285, 26.591, -91.562
Binary	00110000, 01010110, 11011100

#3056dc
```
#3056dc rgb(48,86,220)
```
#dcb630
```
#dcb630 rgb(220,182,48)
```

Complementary Color

#30acdc
```
#30acdc rgb(48,172,220)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#6030dc
```
#6030dc rgb(96,48,220)
```

Analogous Color

#acdc30
```
#acdc30 rgb(172,220,48)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#dc6030
```
#dc6030 rgb(220,96,48)
```

Split Complementary Color

#56dc30
```
#56dc30 rgb(86,220,48)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#dc3056
```
#dc3056 rgb(220,48,86)
```

Triadic Color

#30dcb6
```
#30dcb6 rgb(48,220,182)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#dc3056
```
#dc3056 rgb(220,48,86)
```
#dcb630
```
#dcb630 rgb(220,182,48)
```

Tetradic Color

#1c3aa4
```
#1c3aa4 rgb(28,58,164)
```
#1f41ba
```
#1f41ba rgb(31,65,186)
```
#2349cf
```
#2349cf rgb(35,73,207)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#4668e0
```
#4668e0 rgb(70,104,224)
```
#5c7ae3
```
#5c7ae3 rgb(92,122,227)
```
#718be7
```
#718be7 rgb(113,139,231)
```

Monochromatic Color

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

#3081dc
```
#3081dc rgb(48,129,220)
```
#3073dc
```
#3073dc rgb(48,115,220)
```
#3064dc
```
#3064dc rgb(48,100,220)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#3048dc
```
#3048dc rgb(48,72,220)
```
#3039dc
```
#3039dc rgb(48,57,220)
```
#3530dc
```
#3530dc rgb(53,48,220)
```

Similar Colors

Text with hexadecimal color #3056dc

This text has a font color of #3056dc.

<span style="color:#3056dc;">Text here</span>

#3056dc background color

This paragraph has a background color of #3056dc.

<p style="background-color:#3056dc;">Content here</p>

#3056dc border color

This element has a border color of #3056dc.

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

CSS codes

.text {color:#3056dc;}

.background {background-color:#3056dc;}

.border {border:1px solid #3056dc;}

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

#02040b
```
#02040b rgb(2,4,11)
```
#050a1c
```
#050a1c rgb(5,10,28)
```
#08102d
```
#08102d rgb(8,16,45)
```
#0a163d
```
#0a163d rgb(10,22,61)
```
#0d1c4e
```
#0d1c4e rgb(13,28,78)
```
#10225f
```
#10225f rgb(16,34,95)
```
#132770
```
#132770 rgb(19,39,112)
```
#162d81
```
#162d81 rgb(22,45,129)
```
#193391
```
#193391 rgb(25,51,145)
```
#1b39a2
```
#1b39a2 rgb(27,57,162)
```
#1e3fb3
```
#1e3fb3 rgb(30,63,179)
```
#2145c4
```
#2145c4 rgb(33,69,196)
```
#244bd4
```
#244bd4 rgb(36,75,212)
```

Shade Color Variation

#3056dc
```
#3056dc rgb(48,86,220)
```
#4164df
```
#4164df rgb(65,100,223)
```
#5271e2
```
#5271e2 rgb(82,113,226)
```
#627fe5
```
#627fe5 rgb(98,127,229)
```
#738de7
```
#738de7 rgb(115,141,231)
```
#849aea
```
#849aea rgb(132,154,234)
```
#95a8ed
```
#95a8ed rgb(149,168,237)
```
#a5b6f0
```
#a5b6f0 rgb(165,182,240)
```
#b6c4f3
```
#b6c4f3 rgb(182,196,243)
```
#c7d1f6
```
#c7d1f6 rgb(199,209,246)
```
#d8dff8
```
#d8dff8 rgb(216,223,248)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#848588
```
#848588 rgb(132,133,136)
```
#7a8092
```
#7a8092 rgb(122,128,146)
```
#717a9b
```
#717a9b rgb(113,122,155)
```
#6875a4
```
#6875a4 rgb(104,117,164)
```
#5f70ad
```
#5f70ad rgb(95,112,173)
```
#556bb7
```
#556bb7 rgb(85,107,183)
```
#4c66c0
```
#4c66c0 rgb(76,102,192)
```
#4360c9
```
#4360c9 rgb(67,96,201)
```
#395bd3
```
#395bd3 rgb(57,91,211)
```
#3056dc
```
#3056dc rgb(48,86,220)
```
#2751e5
```
#2751e5 rgb(39,81,229)
```
#1d4cef
```
#1d4cef rgb(29,76,239)
```
#1446f8
```
#1446f8 rgb(20,70,248)
```

Tone Color Variation

Below, you can see how #3056dc 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
#525974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1161d1 Protanomaly 1% of men, 0.01% of women
#1165c0 Deuteranomaly 6% of men, 0.4% of women
#116a9f Tritanomaly 0.01% of the population

#3056dc hex color

#3056dc Color Information

#3056dc Color Conversion

Color Schemes with #3056dc

Alternatives to #3056dc

#3056dc Preview

Shades and Tints of #3056dc

Tones of #3056dc

Color Blindness Simulator