#7486df hex color

In a RGB color space, hex #7486df is composed of 45.5% red, 52.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 39.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 229.9 degrees, a saturation of 62.6% and a lightness of 66.5%. #7486df color hex could be obtained by blending #e8ffff with #000dbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 53
- B 87
RGB color chart
- C 48
- M 40
- Y 0
- K 13
CMYK color chart

● #7486df color description : Soft blue.

The hexadecimal color #7486df has RGB values of R:116, G:134, B:223 and CMYK values of C:0.48, M:0.4, Y:0, K:0.13. Its decimal value is 7636703.

Hex triplet	7486df	`#7486df`
RGB Decimal	116, 134, 223	`rgb(116,134,223)`
RGB Percent	45.5, 52.5, 87.5	`rgb(45.5%,52.5%,87.5%)`
CMYK	48, 40, 0, 13
HSL	229.9°, 62.6, 66.5	`hsl(229.9,62.6%,66.5%)`
HSV (or HSB)	229.9°, 48, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.122, 17.285, -47.499
XYZ	29.044, 26.09, 73.313
xyY	0.226, 0.203, 26.09
CIE-LCH	58.122, 50.546, 289.997
CIE-LUV	58.122, -12.398, -76.797
Hunter-Lab	51.078, 12.112, -49.345
Binary	01110100, 10000110, 11011111

#7486df
```
#7486df rgb(116,134,223)
```
#dfcd74
```
#dfcd74 rgb(223,205,116)
```

Complementary Color

#74bcdf
```
#74bcdf rgb(116,188,223)
```
#7486df
```
#7486df rgb(116,134,223)
```
#9874df
```
#9874df rgb(152,116,223)
```

Analogous Color

#bcdf74
```
#bcdf74 rgb(188,223,116)
```
#7486df
```
#7486df rgb(116,134,223)
```
#df9874
```
#df9874 rgb(223,152,116)
```

Split Complementary Color

#86df74
```
#86df74 rgb(134,223,116)
```
#7486df
```
#7486df rgb(116,134,223)
```
#df7486
```
#df7486 rgb(223,116,134)
```

Triadic Color

#74dfcd
```
#74dfcd rgb(116,223,205)
```
#7486df
```
#7486df rgb(116,134,223)
```
#df7486
```
#df7486 rgb(223,116,134)
```
#dfcd74
```
#dfcd74 rgb(223,205,116)
```

Tetradic Color

#3650d1
```
#3650d1 rgb(54,80,209)
```
#4b62d5
```
#4b62d5 rgb(75,98,213)
```
#5f74da
```
#5f74da rgb(95,116,218)
```
#7486df
```
#7486df rgb(116,134,223)
```
#8998e4
```
#8998e4 rgb(137,152,228)
```
#9daae9
```
#9daae9 rgb(157,170,233)
```
#b2bced
```
#b2bced rgb(178,188,237)
```

Monochromatic Color

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

#74a1df
```
#74a1df rgb(116,161,223)
```
#7498df
```
#7498df rgb(116,152,223)
```
#748fdf
```
#748fdf rgb(116,143,223)
```
#7486df
```
#7486df rgb(116,134,223)
```
#747ddf
```
#747ddf rgb(116,125,223)
```
#7474df
```
#7474df rgb(116,116,223)
```
#7d74df
```
#7d74df rgb(125,116,223)
```

Similar Colors

Text with hexadecimal color #7486df

This text has a font color of #7486df.

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

#7486df background color

This paragraph has a background color of #7486df.

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

#7486df border color

This element has a border color of #7486df.

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

CSS codes

.text {color:#7486df;}

.background {background-color:#7486df;}

.border {border:1px solid #7486df;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050714
```
#050714 rgb(5,7,20)
```
#080d24
```
#080d24 rgb(8,13,36)
```
#0c1334
```
#0c1334 rgb(12,19,52)
```
#101944
```
#101944 rgb(16,25,68)
```
#131e54
```
#131e54 rgb(19,30,84)
```
#172464
```
#172464 rgb(23,36,100)
```
#1b2a74
```
#1b2a74 rgb(27,42,116)
```
#1e3084
```
#1e3084 rgb(30,48,132)
```
#223594
```
#223594 rgb(34,53,148)
```
#263ba4
```
#263ba4 rgb(38,59,164)
```
#2941b4
```
#2941b4 rgb(41,65,180)
```
#2d46c4
```
#2d46c4 rgb(45,70,196)
```

Shade Color Variation

#344ed0
```
#344ed0 rgb(52,78,208)
```
#445cd4
```
#445cd4 rgb(68,92,212)
```
#546ad8
```
#546ad8 rgb(84,106,216)
```
#6478db
```
#6478db rgb(100,120,219)
```
#7486df
```
#7486df rgb(116,134,223)
```
#8494e3
```
#8494e3 rgb(132,148,227)
```
#94a2e6
```
#94a2e6 rgb(148,162,230)
```
#a4b0ea
```
#a4b0ea rgb(164,176,234)
```
#b4beee
```
#b4beee rgb(180,190,238)
```
#c4cbf1
```
#c4cbf1 rgb(196,203,241)
```
#d4d9f5
```
#d4d9f5 rgb(212,217,245)
```
#e4e7f9
```
#e4e7f9 rgb(228,231,249)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#a9a9aa
```
#a9a9aa rgb(169,169,170)
```
#a2a5b1
```
#a2a5b1 rgb(162,165,177)
```
#9ba0b8
```
#9ba0b8 rgb(155,160,184)
```
#959cbe
```
#959cbe rgb(149,156,190)
```
#8e97c5
```
#8e97c5 rgb(142,151,197)
```
#8893cb
```
#8893cb rgb(136,147,203)
```
#818fd2
```
#818fd2 rgb(129,143,210)
```
#7b8ad8
```
#7b8ad8 rgb(123,138,216)
```
#7486df
```
#7486df rgb(116,134,223)
```
#6d82e6
```
#6d82e6 rgb(109,130,230)
```
#677dec
```
#677dec rgb(103,125,236)
```
#6079f3
```
#6079f3 rgb(96,121,243)
```
#5a75f9
```
#5a75f9 rgb(90,117,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#868a9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d8ee2 Protanopia 1% of men
#6192de Deuteranopia 1% of men
#6499a5 Tritanopia 0.001% of the population

Trichromacy

#6f8be1 Protanomaly 1% of men, 0.01% of women
#688dde Deuteranomaly 6% of men, 0.4% of women
#6a92ba Tritanomaly 0.01% of the population

#7486df hex color

#7486df Color Information

#7486df Color Conversion

Color Schemes with #7486df

Alternatives to #7486df

#7486df Preview

Shades and Tints of #7486df

Tones of #7486df

Color Blindness Simulator