#45307d hex color

In a RGB color space, hex #45307d is composed of 27.1% red, 18.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 61.6% magenta, 0% yellow and 51% black. It has a hue angle of 256.4 degrees, a saturation of 44.5% and a lightness of 33.9%. #45307d color hex could be obtained by blending #8a60fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 27
- G 19
- B 49
RGB color chart
- C 45
- M 62
- Y 0
- K 51
CMYK color chart

● #45307d color description : Dark moderate violet.

The hexadecimal color #45307d has RGB values of R:69, G:48, B:125 and CMYK values of C:0.45, M:0.62, Y:0, K:0.51. Its decimal value is 4534397.

Hex triplet	45307d	`#45307d`
RGB Decimal	69, 48, 125	`rgb(69,48,125)`
RGB Percent	27.1, 18.8, 49	`rgb(27.1%,18.8%,49%)`
CMYK	45, 62, 0, 51
HSL	256.4°, 44.5, 33.9	`hsl(256.4,44.5%,33.9%)`
HSV (or HSB)	256.4°, 61.6, 49
Web Safe	333366	`#333366`

CIE-LAB	26.331, 29.218, -40.627
XYZ	7.212, 4.86, 19.959
xyY	0.225, 0.152, 4.86
CIE-LCH	26.331, 50.042, 305.723
CIE-LUV	26.331, 2.823, -53.363
Hunter-Lab	22.045, 19.82, -38.249
Binary	01000101, 00110000, 01111101

#45307d
```
#45307d rgb(69,48,125)
```
#687d30
```
#687d30 rgb(104,125,48)
```

Complementary Color

#30427d
```
#30427d rgb(48,66,125)
```
#45307d
```
#45307d rgb(69,48,125)
```
#6c307d
```
#6c307d rgb(108,48,125)
```

Analogous Color

#427d30
```
#427d30 rgb(66,125,48)
```
#45307d
```
#45307d rgb(69,48,125)
```
#7d6c30
```
#7d6c30 rgb(125,108,48)
```

Split Complementary Color

#307d45
```
#307d45 rgb(48,125,69)
```
#45307d
```
#45307d rgb(69,48,125)
```
#7d4530
```
#7d4530 rgb(125,69,48)
```

Triadic Color

#30687d
```
#30687d rgb(48,104,125)
```
#45307d
```
#45307d rgb(69,48,125)
```
#7d4530
```
#7d4530 rgb(125,69,48)
```
#687d30
```
#687d30 rgb(104,125,48)
```

Tetradic Color

#261b46
```
#261b46 rgb(38,27,70)
```
#312258
```
#312258 rgb(49,34,88)
```
#3b296b
```
#3b296b rgb(59,41,107)
```
#45307d
```
#45307d rgb(69,48,125)
```
#4f378f
```
#4f378f rgb(79,55,143)
```
#593ea2
```
#593ea2 rgb(89,62,162)
```
#6445b4
```
#6445b4 rgb(100,69,180)
```

Monochromatic Color

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

#32307d
```
#32307d rgb(50,48,125)
```
#38307d
```
#38307d rgb(56,48,125)
```
#3f307d
```
#3f307d rgb(63,48,125)
```
#45307d
```
#45307d rgb(69,48,125)
```
#4b307d
```
#4b307d rgb(75,48,125)
```
#52307d
```
#52307d rgb(82,48,125)
```
#58307d
```
#58307d rgb(88,48,125)
```

Similar Colors

Text with hexadecimal color #45307d

This text has a font color of #45307d.

<span style="color:#45307d;">Text here</span>

#45307d background color

This paragraph has a background color of #45307d.

<p style="background-color:#45307d;">Content here</p>

#45307d border color

This element has a border color of #45307d.

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

CSS codes

.text {color:#45307d;}

.background {background-color:#45307d;}

.border {border:1px solid #45307d;}

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, #06040c is the darkest color, while #fdfcfe is the lightest one.

#06040c
```
#06040c rgb(6,4,12)
```
#0e0a1a
```
#0e0a1a rgb(14,10,26)
```
#160f28
```
#160f28 rgb(22,15,40)
```
#1e1536
```
#1e1536 rgb(30,21,54)
```
#261a44
```
#261a44 rgb(38,26,68)
```
#2e2052
```
#2e2052 rgb(46,32,82)
```
#352561
```
#352561 rgb(53,37,97)
```
#3d2b6f
```
#3d2b6f rgb(61,43,111)
```
#45307d
```
#45307d rgb(69,48,125)
```
#4d358b
```
#4d358b rgb(77,53,139)
```
#553b99
```
#553b99 rgb(85,59,153)
```
#5c40a8
```
#5c40a8 rgb(92,64,168)
```
#6446b6
```
#6446b6 rgb(100,70,182)
```

Shade Color Variation

#6f52bd
```
#6f52bd rgb(111,82,189)
```
#7b61c2
```
#7b61c2 rgb(123,97,194)
```
#876fc8
```
#876fc8 rgb(135,111,200)
```
#937dcd
```
#937dcd rgb(147,125,205)
```
#9f8bd2
```
#9f8bd2 rgb(159,139,210)
```
#aa99d8
```
#aa99d8 rgb(170,153,216)
```
#b6a7dd
```
#b6a7dd rgb(182,167,221)
```
#c2b6e3
```
#c2b6e3 rgb(194,182,227)
```
#cec4e8
```
#cec4e8 rgb(206,196,232)
```
#d9d2ee
```
#d9d2ee rgb(217,210,238)
```
#e5e0f3
```
#e5e0f3 rgb(229,224,243)
```
#f1eef9
```
#f1eef9 rgb(241,238,249)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54515c is the less saturated color, while #3001ac is the most saturated one.

#54515c
```
#54515c rgb(84,81,92)
```
#514b62
```
#514b62 rgb(81,75,98)
```
#4e4469
```
#4e4469 rgb(78,68,105)
```
#4b3d70
```
#4b3d70 rgb(75,61,112)
```
#483776
```
#483776 rgb(72,55,118)
```
#45307d
```
#45307d rgb(69,48,125)
```
#422984
```
#422984 rgb(66,41,132)
```
#3f238a
```
#3f238a rgb(63,35,138)
```
#3c1c91
```
#3c1c91 rgb(60,28,145)
```
#391598
```
#391598 rgb(57,21,152)
```
#360f9e
```
#360f9e rgb(54,15,158)
```
#3308a5
```
#3308a5 rgb(51,8,165)
```
#3001ac
```
#3001ac rgb(48,1,172)
```

Tone Color Variation

Below, you can see how #45307d 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

#3f3f3f Achromatopsia 0.005% of the population
#403c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#00497a Deuteranopia 1% of men
#3e4a4f Tritanopia 0.001% of the population

Trichromacy

#193e84 Protanomaly 1% of men, 0.01% of women
#19407b Deuteranomaly 6% of men, 0.4% of women
#404060 Tritanomaly 0.01% of the population

#45307d hex color

#45307d Color Information

#45307d Color Conversion

Color Schemes with #45307d

Alternatives to #45307d

#45307d Preview

Shades and Tints of #45307d

Tones of #45307d

Color Blindness Simulator