colorhexa.com

#d309ba hex color

In a RGB color space, hex #d309ba is composed of 82.7% red, 3.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.7% magenta, 11.8% yellow and 17.3% black. It has a hue angle of 307.4 degrees, a saturation of 91.8% and a lightness of 43.1%. #d309ba color hex could be obtained by blending #ff12ff with #a70075. Closest websafe color is: #cc00cc.

- R 83
- G 4
- B 73
RGB color chart
- C 0
- M 96
- Y 12
- K 17
CMYK color chart

● #d309ba color description : Strong magenta.

The hexadecimal color #d309ba has RGB values of R:211, G:9, B:186 and CMYK values of C:0, M:0.96, Y:0.12, K:0.17. Its decimal value is 13830586.

Hex triplet	d309ba	`#d309ba`
RGB Decimal	211, 9, 186	`rgb(211,9,186)`
RGB Percent	82.7, 3.5, 72.9	`rgb(82.7%,3.5%,72.9%)`
CMYK	0, 96, 12, 17
HSL	307.4°, 91.8, 43.1	`hsl(307.4,91.8%,43.1%)`
HSV (or HSB)	307.4°, 95.7, 82.7
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	48.998, 81.011, -40.108
XYZ	35.824, 17.592, 47.961
xyY	0.353, 0.174, 17.592
CIE-LCH	48.998, 90.396, 333.66
CIE-LUV	48.998, 79.749, -70.963
Hunter-Lab	41.943, 79.059, -38.436
Binary	11010011, 00001001, 10111010

#d309ba
```
#d309ba rgb(211,9,186)
```
#09d322
```
#09d322 rgb(9,211,34)
```

Complementary Color

#8709d3
```
#8709d3 rgb(135,9,211)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#d30955
```
#d30955 rgb(211,9,85)
```

Analogous Color

#09d387
```
#09d387 rgb(9,211,135)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#55d309
```
#55d309 rgb(85,211,9)
```

Split Complementary Color

#09bad3
```
#09bad3 rgb(9,186,211)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#bad309
```
#bad309 rgb(186,211,9)
```

Triadic Color

#8a0679
```
#8a0679 rgb(138,6,121)
```
#a2078f
```
#a2078f rgb(162,7,143)
```
#bb08a4
```
#bb08a4 rgb(187,8,164)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#eb0ad0
```
#eb0ad0 rgb(235,10,208)
```
#f51ada
```
#f51ada rgb(245,26,218)
```
#f632de
```
#f632de rgb(246,50,222)
```

Monochromatic Color

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

#ba09d3
```
#ba09d3 rgb(186,9,211)
```
#ca09d3
```
#ca09d3 rgb(202,9,211)
```
#d309cb
```
#d309cb rgb(211,9,203)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#d309a9
```
#d309a9 rgb(211,9,169)
```
#d30998
```
#d30998 rgb(211,9,152)
```
#d30988
```
#d30988 rgb(211,9,136)
```

Similar Colors

Text with hexadecimal color #d309ba

This text has a font color of #d309ba.

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

#d309ba background color

This paragraph has a background color of #d309ba.

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

#d309ba border color

This element has a border color of #d309ba.

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

CSS codes

.text {color:#d309ba;}

.background {background-color:#d309ba;}

.border {border:1px solid #d309ba;}

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

#040004
```
#040004 rgb(4,0,4)
```
#170114
```
#170114 rgb(23,1,20)
```
#2a0225
```
#2a0225 rgb(42,2,37)
```
#3c0335
```
#3c0335 rgb(60,3,53)
```
#4f0346
```
#4f0346 rgb(79,3,70)
```
#620456
```
#620456 rgb(98,4,86)
```
#750567
```
#750567 rgb(117,5,103)
```
#880678
```
#880678 rgb(136,6,120)
```
#9b0788
```
#9b0788 rgb(155,7,136)
```
#ad0799
```
#ad0799 rgb(173,7,153)
```
#c008a9
```
#c008a9 rgb(192,8,169)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#e60acb
```
#e60acb rgb(230,10,203)
```

Shade Color Variation

#f50ed8
```
#f50ed8 rgb(245,14,216)
```
#f621db
```
#f621db rgb(246,33,219)
```
#f634de
```
#f634de rgb(246,52,222)
```
#f747e1
```
#f747e1 rgb(247,71,225)
```
#f85ae4
```
#f85ae4 rgb(248,90,228)
```
#f96de7
```
#f96de7 rgb(249,109,231)
```
#fa7fea
```
#fa7fea rgb(250,127,234)
```
#fa92ed
```
#fa92ed rgb(250,146,237)
```
#fba5f0
```
#fba5f0 rgb(251,165,240)
```
#fcb8f4
```
#fcb8f4 rgb(252,184,244)
```
#fdcbf7
```
#fdcbf7 rgb(253,203,247)
```
#feddfa
```
#feddfa rgb(254,221,250)
```
#fef0fd
```
#fef0fd rgb(254,240,253)
```

Tint Color Variation

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

#766674
```
#766674 rgb(118,102,116)
```
#7e5e7a
```
#7e5e7a rgb(126,94,122)
```
#875581
```
#875581 rgb(135,85,129)
```
#8f4d87
```
#8f4d87 rgb(143,77,135)
```
#98448d
```
#98448d rgb(152,68,141)
```
#a03c94
```
#a03c94 rgb(160,60,148)
```
#a9339a
```
#a9339a rgb(169,51,154)
```
#b12ba1
```
#b12ba1 rgb(177,43,161)
```
#ba22a7
```
#ba22a7 rgb(186,34,167)
```
#c21aad
```
#c21aad rgb(194,26,173)
```
#cb11b4
```
#cb11b4 rgb(203,17,180)
```
#d309ba
```
#d309ba rgb(211,9,186)
```
#db01c0
```
#db01c0 rgb(219,1,192)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#677aab Deuteranopia 1% of men
#ca5256 Tritanopia 0.001% of the population

Trichromacy

#4c4fd9 Protanomaly 1% of men, 0.01% of women
#8e51b0 Deuteranomaly 6% of men, 0.4% of women
#cd377a Tritanomaly 0.01% of the population