#7286bd hex color

In a RGB color space, hex #7286bd is composed of 44.7% red, 52.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 29.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 224 degrees, a saturation of 36.2% and a lightness of 59.4%. #7286bd color hex could be obtained by blending #e4ffff with #000d7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 53
- B 74
RGB color chart
- C 40
- M 29
- Y 0
- K 26
CMYK color chart

● #7286bd color description : Slightly desaturated blue.

The hexadecimal color #7286bd has RGB values of R:114, G:134, B:189 and CMYK values of C:0.4, M:0.29, Y:0, K:0.26. Its decimal value is 7505597.

Hex triplet	7286bd	`#7286bd`
RGB Decimal	114, 134, 189	`rgb(114,134,189)`
RGB Percent	44.7, 52.5, 74.1	`rgb(44.7%,52.5%,74.1%)`
CMYK	40, 29, 0, 26
HSL	224°, 36.2, 59.4	`hsl(224,36.2%,59.4%)`
HSV (or HSB)	224°, 39.7, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.388, 6.832, -31.055
XYZ	24.648, 24.301, 51.533
xyY	0.245, 0.242, 24.301
CIE-LCH	56.388, 31.797, 282.407
CIE-LUV	56.388, -12.114, -48.47
Hunter-Lab	49.296, 2.982, -27.474
Binary	01110010, 10000110, 10111101

#7286bd
```
#7286bd rgb(114,134,189)
```
#bda972
```
#bda972 rgb(189,169,114)
```

Complementary Color

#72acbd
```
#72acbd rgb(114,172,189)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#8472bd
```
#8472bd rgb(132,114,189)
```

Analogous Color

#acbd72
```
#acbd72 rgb(172,189,114)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#bd8472
```
#bd8472 rgb(189,132,114)
```

Split Complementary Color

#86bd72
```
#86bd72 rgb(134,189,114)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#bd7286
```
#bd7286 rgb(189,114,134)
```

Triadic Color

#72bda9
```
#72bda9 rgb(114,189,169)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#bd7286
```
#bd7286 rgb(189,114,134)
```
#bda972
```
#bda972 rgb(189,169,114)
```

Tetradic Color

#485e9a
```
#485e9a rgb(72,94,154)
```
#5069ac
```
#5069ac rgb(80,105,172)
```
#6177b5
```
#6177b5 rgb(97,119,181)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#8395c5
```
#8395c5 rgb(131,149,197)
```
#95a4cd
```
#95a4cd rgb(149,164,205)
```
#a6b3d5
```
#a6b3d5 rgb(166,179,213)
```

Monochromatic Color

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

#7299bd
```
#7299bd rgb(114,153,189)
```
#7293bd
```
#7293bd rgb(114,147,189)
```
#728cbd
```
#728cbd rgb(114,140,189)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#7280bd
```
#7280bd rgb(114,128,189)
```
#727abd
```
#727abd rgb(114,122,189)
```
#7273bd
```
#7273bd rgb(114,115,189)
```

Similar Colors

Text with hexadecimal color #7286bd

This text has a font color of #7286bd.

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

#7286bd background color

This paragraph has a background color of #7286bd.

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

#7286bd border color

This element has a border color of #7286bd.

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

CSS codes

.text {color:#7286bd;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#0f1421
```
#0f1421 rgb(15,20,33)
```
#161c2e
```
#161c2e rgb(22,28,46)
```
#1c243b
```
#1c243b rgb(28,36,59)
```
#222c49
```
#222c49 rgb(34,44,73)
```
#283556
```
#283556 rgb(40,53,86)
```
#2f3d64
```
#2f3d64 rgb(47,61,100)
```
#354571
```
#354571 rgb(53,69,113)
```
#3b4d7e
```
#3b4d7e rgb(59,77,126)
```
#41558c
```
#41558c rgb(65,85,140)
```
#485d99
```
#485d99 rgb(72,93,153)
```
#4e65a6
```
#4e65a6 rgb(78,101,166)
```

Shade Color Variation

#576fb0
```
#576fb0 rgb(87,111,176)
```
#657bb7
```
#657bb7 rgb(101,123,183)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#7f91c3
```
#7f91c3 rgb(127,145,195)
```
#8d9dca
```
#8d9dca rgb(141,157,202)
```
#9aa8d0
```
#9aa8d0 rgb(154,168,208)
```
#a7b4d6
```
#a7b4d6 rgb(167,180,214)
```
#b5bfdc
```
#b5bfdc rgb(181,191,220)
```
#c2cbe3
```
#c2cbe3 rgb(194,203,227)
```
#d0d6e9
```
#d0d6e9 rgb(208,214,233)
```
#dde2ef
```
#dde2ef rgb(221,226,239)
```
#eaedf5
```
#eaedf5 rgb(234,237,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#92959d
```
#92959d rgb(146,149,157)
```
#8a91a5
```
#8a91a5 rgb(138,145,165)
```
#828dad
```
#828dad rgb(130,141,173)
```
#7a8ab5
```
#7a8ab5 rgb(122,138,181)
```
#7286bd
```
#7286bd rgb(114,134,189)
```
#6a82c5
```
#6a82c5 rgb(106,130,197)
```
#627fcd
```
#627fcd rgb(98,127,205)
```
#5a7bd5
```
#5a7bd5 rgb(90,123,213)
```
#5277dd
```
#5277dd rgb(82,119,221)
```
#4a73e5
```
#4a73e5 rgb(74,115,229)
```
#4270ed
```
#4270ed rgb(66,112,237)
```
#3a6cf5
```
#3a6cf5 rgb(58,108,245)
```
#3268fd
```
#3268fd rgb(50,104,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#828691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8bbf Protanopia 1% of men
#7a8cc0 Deuteranopia 1% of men
#6e939d Tritanopia 0.001% of the population

Trichromacy

#7889be Protanomaly 1% of men, 0.01% of women
#7789bf Deuteranomaly 6% of men, 0.4% of women
#6f8ea9 Tritanomaly 0.01% of the population

#7286bd hex color

#7286bd Color Information

#7286bd Color Conversion

Color Schemes with #7286bd

Alternatives to #7286bd

#7286bd Preview

Shades and Tints of #7286bd

Tones of #7286bd

Color Blindness Simulator