colorhexa.com

#3055c4 hex color

In a RGB color space, hex #3055c4 is composed of 18.8% red, 33.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 56.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 225 degrees, a saturation of 60.7% and a lightness of 47.8%. #3055c4 color hex could be obtained by blending #60aaff with #000089. Closest websafe color is: #3366cc.

- R 19
- G 33
- B 77
RGB color chart
- C 76
- M 57
- Y 0
- K 23
CMYK color chart

● #3055c4 color description : Strong blue.

The hexadecimal color #3055c4 has RGB values of R:48, G:85, B:196 and CMYK values of C:0.76, M:0.57, Y:0, K:0.23. Its decimal value is 3167684.

Hex triplet	3055c4	`#3055c4`
RGB Decimal	48, 85, 196	`rgb(48,85,196)`
RGB Percent	18.8, 33.3, 76.9	`rgb(18.8%,33.3%,76.9%)`
CMYK	76, 57, 0, 23
HSL	225°, 60.7, 47.8	`hsl(225,60.7%,47.8%)`
HSV (or HSB)	225°, 75.5, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.765, 26.363, -61.777
XYZ	14.429, 11.11, 53.606
xyY	0.182, 0.14, 11.11
CIE-LCH	39.765, 67.167, 293.11
CIE-LUV	39.765, -15.005, -90.92
Hunter-Lab	33.331, 18.942, -72.021
Binary	00110000, 01010101, 11000100

#3055c4
```
#3055c4 rgb(48,85,196)
```
#c49f30
```
#c49f30 rgb(196,159,48)
```

Complementary Color

#309fc4
```
#309fc4 rgb(48,159,196)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#5530c4
```
#5530c4 rgb(85,48,196)
```

Analogous Color

#9fc430
```
#9fc430 rgb(159,196,48)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#c45530
```
#c45530 rgb(196,85,48)
```

Split Complementary Color

#55c430
```
#55c430 rgb(85,196,48)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#c43055
```
#c43055 rgb(196,48,85)
```

Triadic Color

#30c49f
```
#30c49f rgb(48,196,159)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#c43055
```
#c43055 rgb(196,48,85)
```
#c49f30
```
#c49f30 rgb(196,159,48)
```

Tetradic Color

#213a87
```
#213a87 rgb(33,58,135)
```
#26439b
```
#26439b rgb(38,67,155)
```
#2b4cb0
```
#2b4cb0 rgb(43,76,176)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#3e62d0
```
#3e62d0 rgb(62,98,208)
```
#5273d5
```
#5273d5 rgb(82,115,213)
```
#6784da
```
#6784da rgb(103,132,218)
```

Monochromatic Color

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

#307ac4
```
#307ac4 rgb(48,122,196)
```
#306ec4
```
#306ec4 rgb(48,110,196)
```
#3061c4
```
#3061c4 rgb(48,97,196)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#3049c4
```
#3049c4 rgb(48,73,196)
```
#303cc4
```
#303cc4 rgb(48,60,196)
```
#3030c4
```
#3030c4 rgb(48,48,196)
```

Similar Colors

Text with hexadecimal color #3055c4

This text has a font color of #3055c4.

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

#3055c4 background color

This paragraph has a background color of #3055c4.

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

#3055c4 border color

This element has a border color of #3055c4.

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

CSS codes

.text {color:#3055c4;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060a17
```
#060a17 rgb(6,10,23)
```
#091126
```
#091126 rgb(9,17,38)
```
#0d1836
```
#0d1836 rgb(13,24,54)
```
#111e46
```
#111e46 rgb(17,30,70)
```
#152556
```
#152556 rgb(21,37,86)
```
#192c65
```
#192c65 rgb(25,44,101)
```
#1d3375
```
#1d3375 rgb(29,51,117)
```
#213a85
```
#213a85 rgb(33,58,133)
```
#244195
```
#244195 rgb(36,65,149)
```
#2847a4
```
#2847a4 rgb(40,71,164)
```
#2c4eb4
```
#2c4eb4 rgb(44,78,180)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```

Shade Color Variation

#395ecf
```
#395ecf rgb(57,94,207)
```
#496bd2
```
#496bd2 rgb(73,107,210)
```
#5978d6
```
#5978d6 rgb(89,120,214)
```
#6885da
```
#6885da rgb(104,133,218)
```
#7892de
```
#7892de rgb(120,146,222)
```
#889ee2
```
#889ee2 rgb(136,158,226)
```
#98abe6
```
#98abe6 rgb(152,171,230)
```
#a7b8ea
```
#a7b8ea rgb(167,184,234)
```
#b7c5ed
```
#b7c5ed rgb(183,197,237)
```
#c7d1f1
```
#c7d1f1 rgb(199,209,241)
```
#d7def5
```
#d7def5 rgb(215,222,245)
```
#e6ebf9
```
#e6ebf9 rgb(230,235,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#727682
```
#727682 rgb(114,118,130)
```
#68718c
```
#68718c rgb(104,113,140)
```
#5f6c95
```
#5f6c95 rgb(95,108,149)
```
#56689e
```
#56689e rgb(86,104,158)
```
#4c63a8
```
#4c63a8 rgb(76,99,168)
```
#435eb1
```
#435eb1 rgb(67,94,177)
```
#395abb
```
#395abb rgb(57,90,187)
```
#3055c4
```
#3055c4 rgb(48,85,196)
```
#2750cd
```
#2750cd rgb(39,80,205)
```
#1d4cd7
```
#1d4cd7 rgb(29,76,215)
```
#1447e0
```
#1447e0 rgb(20,71,224)
```
#0a42ea
```
#0a42ea rgb(10,66,234)
```
#013ef3
```
#013ef3 rgb(1,62,243)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#115dc2 Protanomaly 1% of men, 0.01% of women
#1161b3 Deuteranomaly 6% of men, 0.4% of women
#116692 Tritanomaly 0.01% of the population