#3052b3 hex color

In a RGB color space, hex #3052b3 is composed of 18.8% red, 32.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 54.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 224.4 degrees, a saturation of 57.7% and a lightness of 44.5%. #3052b3 color hex could be obtained by blending #60a4ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 32
- B 70
RGB color chart
- C 73
- M 54
- Y 0
- K 30
CMYK color chart

● #3052b3 color description : Moderate blue.

The hexadecimal color #3052b3 has RGB values of R:48, G:82, B:179 and CMYK values of C:0.73, M:0.54, Y:0, K:0.3. Its decimal value is 3166899.

Hex triplet	3052b3	`#3052b3`
RGB Decimal	48, 82, 179	`rgb(48,82,179)`
RGB Percent	18.8, 32.2, 70.2	`rgb(18.8%,32.2%,70.2%)`
CMYK	73, 54, 0, 30
HSL	224.4°, 57.7, 44.5	`hsl(224.4,57.7%,44.5%)`
HSV (or HSB)	224.4°, 73.2, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.693, 21.959, -55.186
XYZ	12.371, 9.917, 43.908
xyY	0.187, 0.15, 9.917
CIE-LCH	37.693, 59.394, 291.698
CIE-LUV	37.693, -14.142, -80.147
Hunter-Lab	31.491, 15.014, -60.624
Binary	00110000, 01010010, 10110011

#3052b3
```
#3052b3 rgb(48,82,179)
```
#b39130
```
#b39130 rgb(179,145,48)
```

Complementary Color

#3094b3
```
#3094b3 rgb(48,148,179)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#5030b3
```
#5030b3 rgb(80,48,179)
```

Analogous Color

#94b330
```
#94b330 rgb(148,179,48)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#b35030
```
#b35030 rgb(179,80,48)
```

Split Complementary Color

#52b330
```
#52b330 rgb(82,179,48)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#b33052
```
#b33052 rgb(179,48,82)
```

Triadic Color

#30b391
```
#30b391 rgb(48,179,145)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#b33052
```
#b33052 rgb(179,48,82)
```
#b39130
```
#b39130 rgb(179,145,48)
```

Tetradic Color

#203677
```
#203677 rgb(32,54,119)
```
#25408b
```
#25408b rgb(37,64,139)
```
#2b499f
```
#2b499f rgb(43,73,159)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#355bc7
```
#355bc7 rgb(53,91,199)
```
#486bce
```
#486bce rgb(72,107,206)
```
#5c7bd3
```
#5c7bd3 rgb(92,123,211)
```

Monochromatic Color

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

#3073b3
```
#3073b3 rgb(48,115,179)
```
#3068b3
```
#3068b3 rgb(48,104,179)
```
#305db3
```
#305db3 rgb(48,93,179)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#3047b3
```
#3047b3 rgb(48,71,179)
```
#303cb3
```
#303cb3 rgb(48,60,179)
```
#3031b3
```
#3031b3 rgb(48,49,179)
```

Similar Colors

Text with hexadecimal color #3052b3

This text has a font color of #3052b3.

<span style="color:#3052b3;">Text here</span>

#3052b3 background color

This paragraph has a background color of #3052b3.

<p style="background-color:#3052b3;">Content here</p>

#3052b3 border color

This element has a border color of #3052b3.

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

CSS codes

.text {color:#3052b3;}

.background {background-color:#3052b3;}

.border {border:1px solid #3052b3;}

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

#020409
```
#020409 rgb(2,4,9)
```
#070b18
```
#070b18 rgb(7,11,24)
```
#0b1228
```
#0b1228 rgb(11,18,40)
```
#0f1937
```
#0f1937 rgb(15,25,55)
```
#132047
```
#132047 rgb(19,32,71)
```
#172756
```
#172756 rgb(23,39,86)
```
#1b2f66
```
#1b2f66 rgb(27,47,102)
```
#1f3675
```
#1f3675 rgb(31,54,117)
```
#243d85
```
#243d85 rgb(36,61,133)
```
#284494
```
#284494 rgb(40,68,148)
```
#2c4ba4
```
#2c4ba4 rgb(44,75,164)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#3459c2
```
#3459c2 rgb(52,89,194)
```

Shade Color Variation

#3f63cb
```
#3f63cb rgb(63,99,203)
```
#4e70d0
```
#4e70d0 rgb(78,112,208)
```
#5e7cd4
```
#5e7cd4 rgb(94,124,212)
```
#6d89d8
```
#6d89d8 rgb(109,137,216)
```
#7d95dc
```
#7d95dc rgb(125,149,220)
```
#8ca2e0
```
#8ca2e0 rgb(140,162,224)
```
#9caee4
```
#9caee4 rgb(156,174,228)
```
#abbbe8
```
#abbbe8 rgb(171,187,232)
```
#bbc8ed
```
#bbc8ed rgb(187,200,237)
```
#cad4f1
```
#cad4f1 rgb(202,212,241)
```
#d9e1f5
```
#d9e1f5 rgb(217,225,245)
```
#e9edf9
```
#e9edf9 rgb(233,237,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6f76 is the less saturated color, while #043ddf is the most saturated one.

#6d6f76
```
#6d6f76 rgb(109,111,118)
```
#646b7f
```
#646b7f rgb(100,107,127)
```
#5c6787
```
#5c6787 rgb(92,103,135)
```
#536390
```
#536390 rgb(83,99,144)
```
#4a5f99
```
#4a5f99 rgb(74,95,153)
```
#415aa2
```
#415aa2 rgb(65,90,162)
```
#3956aa
```
#3956aa rgb(57,86,170)
```
#3052b3
```
#3052b3 rgb(48,82,179)
```
#274ebc
```
#274ebc rgb(39,78,188)
```
#1f4ac4
```
#1f4ac4 rgb(31,74,196)
```
#1645cd
```
#1645cd rgb(22,69,205)
```
#0d41d6
```
#0d41d6 rgb(13,65,214)
```
#043ddf
```
#043ddf rgb(4,61,223)
```

Tone Color Variation

Below, you can see how #3052b3 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

#535353 Achromatopsia 0.005% of the population
#4c5366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1159b6 Protanomaly 1% of men, 0.01% of women
#115da8 Deuteranomaly 6% of men, 0.4% of women
#116189 Tritanomaly 0.01% of the population

#3052b3 hex color

#3052b3 Color Information

#3052b3 Color Conversion

Color Schemes with #3052b3

Alternatives to #3052b3

#3052b3 Preview

Shades and Tints of #3052b3

Tones of #3052b3

Color Blindness Simulator