#4530bd hex color

In a RGB color space, hex #4530bd is composed of 27.1% red, 18.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 74.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 248.9 degrees, a saturation of 59.5% and a lightness of 46.5%. #4530bd color hex could be obtained by blending #8a60ff with #00007b. Closest websafe color is: #3333cc.

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

● #4530bd color description : Moderate blue.

The hexadecimal color #4530bd has RGB values of R:69, G:48, B:189 and CMYK values of C:0.63, M:0.75, Y:0, K:0.26. Its decimal value is 4534461.

Hex triplet	4530bd	`#4530bd`
RGB Decimal	69, 48, 189	`rgb(69,48,189)`
RGB Percent	27.1, 18.8, 74.1	`rgb(27.1%,18.8%,74.1%)`
CMYK	63, 75, 0, 26
HSL	248.9°, 59.5, 46.5	`hsl(248.9,59.5%,46.5%)`
HSV (or HSB)	248.9°, 74.6, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.927, 49.003, -70.459
XYZ	12.695, 7.053, 48.834
xyY	0.185, 0.103, 7.053
CIE-LCH	31.927, 85.824, 304.818
CIE-LUV	31.927, -2.578, -94.962
Hunter-Lab	26.557, 38.852, -90.434
Binary	01000101, 00110000, 10111101

#4530bd
```
#4530bd rgb(69,48,189)
```
#a8bd30
```
#a8bd30 rgb(168,189,48)
```

Complementary Color

#3062bd
```
#3062bd rgb(48,98,189)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#8c30bd
```
#8c30bd rgb(140,48,189)
```

Analogous Color

#62bd30
```
#62bd30 rgb(98,189,48)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#bd8c30
```
#bd8c30 rgb(189,140,48)
```

Split Complementary Color

#30bd45
```
#30bd45 rgb(48,189,69)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#bd4530
```
#bd4530 rgb(189,69,48)
```

Triadic Color

#30a8bd
```
#30a8bd rgb(48,168,189)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#bd4530
```
#bd4530 rgb(189,69,48)
```
#a8bd30
```
#a8bd30 rgb(168,189,48)
```

Tetradic Color

#2f2180
```
#2f2180 rgb(47,33,128)
```
#362694
```
#362694 rgb(54,38,148)
```
#3e2ba9
```
#3e2ba9 rgb(62,43,169)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#503acd
```
#503acd rgb(80,58,205)
```
#624ed2
```
#624ed2 rgb(98,78,210)
```
#7462d7
```
#7462d7 rgb(116,98,215)
```

Monochromatic Color

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

#303ebd
```
#303ebd rgb(48,62,189)
```
#3033bd
```
#3033bd rgb(48,51,189)
```
#3930bd
```
#3930bd rgb(57,48,189)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#5130bd
```
#5130bd rgb(81,48,189)
```
#5d30bd
```
#5d30bd rgb(93,48,189)
```
#6830bd
```
#6830bd rgb(104,48,189)
```

Similar Colors

Text with hexadecimal color #4530bd

This text has a font color of #4530bd.

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

#4530bd background color

This paragraph has a background color of #4530bd.

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

#4530bd border color

This element has a border color of #4530bd.

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

CSS codes

.text {color:#4530bd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060411
```
#060411 rgb(6,4,17)
```
#0c0821
```
#0c0821 rgb(12,8,33)
```
#120c30
```
#120c30 rgb(18,12,48)
```
#171040
```
#171040 rgb(23,16,64)
```
#1d1450
```
#1d1450 rgb(29,20,80)
```
#23185f
```
#23185f rgb(35,24,95)
```
#281c6f
```
#281c6f rgb(40,28,111)
```
#2e207e
```
#2e207e rgb(46,32,126)
```
#34248e
```
#34248e rgb(52,36,142)
```
#3a289e
```
#3a289e rgb(58,40,158)
```
#3f2cad
```
#3f2cad rgb(63,44,173)
```
#4530bd
```
#4530bd rgb(69,48,189)
```

Shade Color Variation

#4b35cc
```
#4b35cc rgb(75,53,204)
```
#5945d0
```
#5945d0 rgb(89,69,208)
```
#6754d4
```
#6754d4 rgb(103,84,212)
```
#7564d8
```
#7564d8 rgb(117,100,216)
```
#8374dc
```
#8374dc rgb(131,116,220)
```
#9183e0
```
#9183e0 rgb(145,131,224)
```
#9f93e4
```
#9f93e4 rgb(159,147,228)
```
#ada2e7
```
#ada2e7 rgb(173,162,231)
```
#bbb2eb
```
#bbb2eb rgb(187,178,235)
```
#c9c2ef
```
#c9c2ef rgb(201,194,239)
```
#d6d1f3
```
#d6d1f3 rgb(214,209,243)
```
#e4e1f7
```
#e4e1f7 rgb(228,225,247)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

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

#72707d
```
#72707d rgb(114,112,125)
```
#6b6786
```
#6b6786 rgb(107,103,134)
```
#655e8f
```
#655e8f rgb(101,94,143)
```
#5f5499
```
#5f5499 rgb(95,84,153)
```
#584ba2
```
#584ba2 rgb(88,75,162)
```
#5242ab
```
#5242ab rgb(82,66,171)
```
#4b39b4
```
#4b39b4 rgb(75,57,180)
```
#4530bd
```
#4530bd rgb(69,48,189)
```
#3f27c6
```
#3f27c6 rgb(63,39,198)
```
#381ecf
```
#381ecf rgb(56,30,207)
```
#3215d8
```
#3215d8 rgb(50,21,216)
```
#2b0ce1
```
#2b0ce1 rgb(43,12,225)
```
#2502eb
```
#2502eb rgb(37,2,235)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#46425e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00568a Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#1945aa Protanomaly 1% of men, 0.01% of women
#19489d Deuteranomaly 6% of men, 0.4% of women
#194c83 Tritanomaly 0.01% of the population

#4530bd hex color

#4530bd Color Information

#4530bd Color Conversion

Color Schemes with #4530bd

Alternatives to #4530bd

#4530bd Preview

Shades and Tints of #4530bd

Tones of #4530bd

Color Blindness Simulator