#7285dc hex color

In a RGB color space, hex #7285dc is composed of 44.7% red, 52.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 39.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 229.2 degrees, a saturation of 60.2% and a lightness of 65.5%. #7285dc color hex could be obtained by blending #e4ffff with #000bb9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 52
- B 86
RGB color chart
- C 48
- M 40
- Y 0
- K 14
CMYK color chart

● #7285dc color description : Soft blue.

The hexadecimal color #7285dc has RGB values of R:114, G:133, B:220 and CMYK values of C:0.48, M:0.4, Y:0, K:0.14. Its decimal value is 7505372.

Hex triplet	7285dc	`#7285dc`
RGB Decimal	114, 133, 220	`rgb(114,133,220)`
RGB Percent	44.7, 52.2, 86.3	`rgb(44.7%,52.2%,86.3%)`
CMYK	48, 40, 0, 14
HSL	229.2°, 60.2, 65.5	`hsl(229.2,60.2%,65.5%)`
HSV (or HSB)	229.2°, 48.2, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.577, 16.507, -46.691
XYZ	28.243, 25.519, 71.144
xyY	0.226, 0.204, 25.519
CIE-LCH	57.577, 49.523, 289.47
CIE-LUV	57.577, -12.672, -75.259
Hunter-Lab	50.516, 11.393, -48.139
Binary	01110010, 10000101, 11011100

#7285dc
```
#7285dc rgb(114,133,220)
```
#dcc972
```
#dcc972 rgb(220,201,114)
```

Complementary Color

#72badc
```
#72badc rgb(114,186,220)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#9472dc
```
#9472dc rgb(148,114,220)
```

Analogous Color

#badc72
```
#badc72 rgb(186,220,114)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#dc9472
```
#dc9472 rgb(220,148,114)
```

Split Complementary Color

#85dc72
```
#85dc72 rgb(133,220,114)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#dc7285
```
#dc7285 rgb(220,114,133)
```

Triadic Color

#72dcc9
```
#72dcc9 rgb(114,220,201)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#dc7285
```
#dc7285 rgb(220,114,133)
```
#dcc972
```
#dcc972 rgb(220,201,114)
```

Tetradic Color

#3550cd
```
#3550cd rgb(53,80,205)
```
#4962d2
```
#4962d2 rgb(73,98,210)
```
#5e73d7
```
#5e73d7 rgb(94,115,215)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#8697e1
```
#8697e1 rgb(134,151,225)
```
#9ba8e6
```
#9ba8e6 rgb(155,168,230)
```
#afbaeb
```
#afbaeb rgb(175,186,235)
```

Monochromatic Color

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

#72a0dc
```
#72a0dc rgb(114,160,220)
```
#7297dc
```
#7297dc rgb(114,151,220)
```
#728edc
```
#728edc rgb(114,142,220)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#727cdc
```
#727cdc rgb(114,124,220)
```
#7273dc
```
#7273dc rgb(114,115,220)
```
#7a72dc
```
#7a72dc rgb(122,114,220)
```

Similar Colors

Text with hexadecimal color #7285dc

This text has a font color of #7285dc.

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

#7285dc background color

This paragraph has a background color of #7285dc.

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

#7285dc border color

This element has a border color of #7285dc.

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

CSS codes

.text {color:#7285dc;}

.background {background-color:#7285dc;}

.border {border:1px solid #7285dc;}

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080c20
```
#080c20 rgb(8,12,32)
```
#0c1230
```
#0c1230 rgb(12,18,48)
```
#10183f
```
#10183f rgb(16,24,63)
```
#141e4f
```
#141e4f rgb(20,30,79)
```
#18245f
```
#18245f rgb(24,36,95)
```
#1b2a6e
```
#1b2a6e rgb(27,42,110)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#23368e
```
#23368e rgb(35,54,142)
```
#273c9e
```
#273c9e rgb(39,60,158)
```
#2b42ad
```
#2b42ad rgb(43,66,173)
```
#2f48bd
```
#2f48bd rgb(47,72,189)
```

Shade Color Variation

#334fcc
```
#334fcc rgb(51,79,204)
```
#435cd0
```
#435cd0 rgb(67,92,208)
```
#536ad4
```
#536ad4 rgb(83,106,212)
```
#6277d8
```
#6277d8 rgb(98,119,216)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#8293e0
```
#8293e0 rgb(130,147,224)
```
#91a0e4
```
#91a0e4 rgb(145,160,228)
```
#a1aee8
```
#a1aee8 rgb(161,174,232)
```
#b1bbec
```
#b1bbec rgb(177,187,236)
```
#c1c9f0
```
#c1c9f0 rgb(193,201,240)
```
#d0d7f3
```
#d0d7f3 rgb(208,215,243)
```
#e0e4f7
```
#e0e4f7 rgb(224,228,247)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

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

#a1a3ad
```
#a1a3ad rgb(161,163,173)
```
#9b9fb3
```
#9b9fb3 rgb(155,159,179)
```
#949bba
```
#949bba rgb(148,155,186)
```
#8d96c1
```
#8d96c1 rgb(141,150,193)
```
#8692c8
```
#8692c8 rgb(134,146,200)
```
#808ece
```
#808ece rgb(128,142,206)
```
#7989d5
```
#7989d5 rgb(121,137,213)
```
#7285dc
```
#7285dc rgb(114,133,220)
```
#6b81e3
```
#6b81e3 rgb(107,129,227)
```
#647cea
```
#647cea rgb(100,124,234)
```
#5e78f0
```
#5e78f0 rgb(94,120,240)
```
#5774f7
```
#5774f7 rgb(87,116,247)
```
#506ffe
```
#506ffe rgb(80,111,254)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#84889a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d8ddf Protanopia 1% of men
#6190db Deuteranopia 1% of men
#6298a3 Tritanopia 0.001% of the population

Trichromacy

#6f8ade Protanomaly 1% of men, 0.01% of women
#678cdb Deuteranomaly 6% of men, 0.4% of women
#6891b8 Tritanomaly 0.01% of the population

#7285dc hex color

#7285dc Color Information

#7285dc Color Conversion

Color Schemes with #7285dc

Alternatives to #7285dc

#7285dc Preview

Shades and Tints of #7285dc

Tones of #7285dc

Color Blindness Simulator