#3055bd hex color

In a RGB color space, hex #3055bd is composed of 18.8% red, 33.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 55% magenta, 0% yellow and 25.9% black. It has a hue angle of 224.3 degrees, a saturation of 59.5% and a lightness of 46.5%. #3055bd color hex could be obtained by blending #60aaff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 33
- B 74
RGB color chart
- C 75
- M 55
- Y 0
- K 26
CMYK color chart

● #3055bd color description : Moderate blue.

The hexadecimal color #3055bd has RGB values of R:48, G:85, B:189 and CMYK values of C:0.75, M:0.55, Y:0, K:0.26. Its decimal value is 3167677.

Hex triplet	3055bd	`#3055bd`
RGB Decimal	48, 85, 189	`rgb(48,85,189)`
RGB Percent	18.8, 33.3, 74.1	`rgb(18.8%,33.3%,74.1%)`
CMYK	75, 55, 0, 26
HSL	224.3°, 59.5, 46.5	`hsl(224.3,59.5%,46.5%)`
HSV (or HSB)	224.3°, 74.6, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.239, 23.745, -58.551
XYZ	13.651, 10.799, 49.506
xyY	0.185, 0.146, 10.799
CIE-LCH	39.239, 63.182, 292.075
CIE-LUV	39.239, -14.991, -85.96
Hunter-Lab	32.861, 16.643, -66.319
Binary	00110000, 01010101, 10111101

#3055bd
```
#3055bd rgb(48,85,189)
```
#bd9830
```
#bd9830 rgb(189,152,48)
```

Complementary Color

#309cbd
```
#309cbd rgb(48,156,189)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#5230bd
```
#5230bd rgb(82,48,189)
```

Analogous Color

#9cbd30
```
#9cbd30 rgb(156,189,48)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#bd5230
```
#bd5230 rgb(189,82,48)
```

Split Complementary Color

#55bd30
```
#55bd30 rgb(85,189,48)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#bd3055
```
#bd3055 rgb(189,48,85)
```

Triadic Color

#30bd98
```
#30bd98 rgb(48,189,152)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#bd3055
```
#bd3055 rgb(189,48,85)
```
#bd9830
```
#bd9830 rgb(189,152,48)
```

Tetradic Color

#213a80
```
#213a80 rgb(33,58,128)
```
#264394
```
#264394 rgb(38,67,148)
```
#2b4ca9
```
#2b4ca9 rgb(43,76,169)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#3a60cd
```
#3a60cd rgb(58,96,205)
```
#4e71d2
```
#4e71d2 rgb(78,113,210)
```
#6281d7
```
#6281d7 rgb(98,129,215)
```

Monochromatic Color

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

#3078bd
```
#3078bd rgb(48,120,189)
```
#306dbd
```
#306dbd rgb(48,109,189)
```
#3061bd
```
#3061bd rgb(48,97,189)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#3049bd
```
#3049bd rgb(48,73,189)
```
#303ebd
```
#303ebd rgb(48,62,189)
```
#3032bd
```
#3032bd rgb(48,50,189)
```

Similar Colors

Text with hexadecimal color #3055bd

This text has a font color of #3055bd.

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

#3055bd background color

This paragraph has a background color of #3055bd.

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

#3055bd border color

This element has a border color of #3055bd.

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

CSS codes

.text {color:#3055bd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#080f21
```
#080f21 rgb(8,15,33)
```
#0c1630
```
#0c1630 rgb(12,22,48)
```
#101d40
```
#101d40 rgb(16,29,64)
```
#142450
```
#142450 rgb(20,36,80)
```
#182b5f
```
#182b5f rgb(24,43,95)
```
#1c326f
```
#1c326f rgb(28,50,111)
```
#20397e
```
#20397e rgb(32,57,126)
```
#24408e
```
#24408e rgb(36,64,142)
```
#28479e
```
#28479e rgb(40,71,158)
```
#2c4ead
```
#2c4ead rgb(44,78,173)
```
#3055bd
```
#3055bd rgb(48,85,189)
```

Shade Color Variation

#355ccc
```
#355ccc rgb(53,92,204)
```
#4569d0
```
#4569d0 rgb(69,105,208)
```
#5476d4
```
#5476d4 rgb(84,118,212)
```
#6482d8
```
#6482d8 rgb(100,130,216)
```
#748fdc
```
#748fdc rgb(116,143,220)
```
#839be0
```
#839be0 rgb(131,155,224)
```
#93a8e4
```
#93a8e4 rgb(147,168,228)
```
#a2b5e7
```
#a2b5e7 rgb(162,181,231)
```
#b2c1eb
```
#b2c1eb rgb(178,193,235)
```
#c2ceef
```
#c2ceef rgb(194,206,239)
```
#d1daf3
```
#d1daf3 rgb(209,218,243)
```
#e1e7f7
```
#e1e7f7 rgb(225,231,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70737d is the less saturated color, while #023feb is the most saturated one.

#70737d
```
#70737d rgb(112,115,125)
```
#676f86
```
#676f86 rgb(103,111,134)
```
#5e6b8f
```
#5e6b8f rgb(94,107,143)
```
#546699
```
#546699 rgb(84,102,153)
```
#4b62a2
```
#4b62a2 rgb(75,98,162)
```
#425eab
```
#425eab rgb(66,94,171)
```
#3959b4
```
#3959b4 rgb(57,89,180)
```
#3055bd
```
#3055bd rgb(48,85,189)
```
#2751c6
```
#2751c6 rgb(39,81,198)
```
#1e4ccf
```
#1e4ccf rgb(30,76,207)
```
#1548d8
```
#1548d8 rgb(21,72,216)
```
#0c44e1
```
#0c44e1 rgb(12,68,225)
```
#023feb
```
#023feb rgb(2,63,235)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e566b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a8 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#115dbe Protanomaly 1% of men, 0.01% of women
#1160af Deuteranomaly 6% of men, 0.4% of women
#11658f Tritanomaly 0.01% of the population

#3055bd hex color

#3055bd Color Information

#3055bd Color Conversion

Color Schemes with #3055bd

Alternatives to #3055bd

#3055bd Preview

Shades and Tints of #3055bd

Tones of #3055bd

Color Blindness Simulator