#818fa2 hex color

In a RGB color space, hex #818fa2 is composed of 50.6% red, 56.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 11.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 214.5 degrees, a saturation of 15.1% and a lightness of 57.1%. #818fa2 color hex could be obtained by blending #ffffff with #031f45. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 51
- G 56
- B 64
RGB color chart
- C 20
- M 12
- Y 0
- K 36
CMYK color chart

● #818fa2 color description : Dark grayish blue.

The hexadecimal color #818fa2 has RGB values of R:129, G:143, B:162 and CMYK values of C:0.2, M:0.12, Y:0, K:0.36. Its decimal value is 8490914.

Hex triplet	818fa2	`#818fa2`
RGB Decimal	129, 143, 162	`rgb(129,143,162)`
RGB Percent	50.6, 56.1, 63.5	`rgb(50.6%,56.1%,63.5%)`
CMYK	20, 12, 0, 36
HSL	214.5°, 15.1, 57.1	`hsl(214.5,15.1%,57.1%)`
HSV (or HSB)	214.5°, 20.4, 63.5
Web Safe	999999	`#999999`

CIE-LAB	58.9, -0.805, -11.72
XYZ	25.396, 26.92, 38.039
xyY	0.281, 0.298, 26.92
CIE-LCH	58.9, 11.748, 266.071
CIE-LUV	58.9, -8.323, -17.154
Hunter-Lab	51.885, -3.428, -7.148
Binary	10000001, 10001111, 10100010

#818fa2
```
#818fa2 rgb(129,143,162)
```
#a29481
```
#a29481 rgb(162,148,129)
```

Complementary Color

#81a0a2
```
#81a0a2 rgb(129,160,162)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#8481a2
```
#8481a2 rgb(132,129,162)
```

Analogous Color

#a0a281
```
#a0a281 rgb(160,162,129)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#a28481
```
#a28481 rgb(162,132,129)
```

Split Complementary Color

#8fa281
```
#8fa281 rgb(143,162,129)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#a2818f
```
#a2818f rgb(162,129,143)
```

Triadic Color

#81a294
```
#81a294 rgb(129,162,148)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#a2818f
```
#a2818f rgb(162,129,143)
```
#a29481
```
#a29481 rgb(162,148,129)
```

Tetradic Color

#5b697b
```
#5b697b rgb(91,105,123)
```
#66758a
```
#66758a rgb(102,117,138)
```
#728297
```
#728297 rgb(114,130,151)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#909cad
```
#909cad rgb(144,156,173)
```
#9ea9b8
```
#9ea9b8 rgb(158,169,184)
```
#adb6c2
```
#adb6c2 rgb(173,182,194)
```

Monochromatic Color

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

#8197a2
```
#8197a2 rgb(129,151,162)
```
#8195a2
```
#8195a2 rgb(129,149,162)
```
#8192a2
```
#8192a2 rgb(129,146,162)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#818ca2
```
#818ca2 rgb(129,140,162)
```
#818aa2
```
#818aa2 rgb(129,138,162)
```
#8187a2
```
#8187a2 rgb(129,135,162)
```

Similar Colors

Text with hexadecimal color #818fa2

This text has a font color of #818fa2.

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

#818fa2 background color

This paragraph has a background color of #818fa2.

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

#818fa2 border color

This element has a border color of #818fa2.

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

CSS codes

.text {color:#818fa2;}

.background {background-color:#818fa2;}

.border {border:1px solid #818fa2;}

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

#070809
```
#070809 rgb(7,8,9)
```
#0f1215
```
#0f1215 rgb(15,18,21)
```
#181b20
```
#181b20 rgb(24,27,32)
```
#20252b
```
#20252b rgb(32,37,43)
```
#282e37
```
#282e37 rgb(40,46,55)
```
#313842
```
#313842 rgb(49,56,66)
```
#39424d
```
#39424d rgb(57,66,77)
```
#414b58
```
#414b58 rgb(65,75,88)
```
#4a5564
```
#4a5564 rgb(74,85,100)
```
#525e6f
```
#525e6f rgb(82,94,111)
```
#5a687a
```
#5a687a rgb(90,104,122)
```
#637186
```
#637186 rgb(99,113,134)
```
#6b7b91
```
#6b7b91 rgb(107,123,145)
```

Shade Color Variation

#76859a
```
#76859a rgb(118,133,154)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#8c99aa
```
#8c99aa rgb(140,153,170)
```
#98a3b3
```
#98a3b3 rgb(152,163,179)
```
#a3adbb
```
#a3adbb rgb(163,173,187)
```
#aeb7c3
```
#aeb7c3 rgb(174,183,195)
```
#b9c1cc
```
#b9c1cc rgb(185,193,204)
```
#c5cbd4
```
#c5cbd4 rgb(197,203,212)
```
#d0d5dc
```
#d0d5dc rgb(208,213,220)
```
#dbdfe5
```
#dbdfe5 rgb(219,223,229)
```
#e7e9ed
```
#e7e9ed rgb(231,233,237)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#89909a
```
#89909a rgb(137,144,154)
```
#818fa2
```
#818fa2 rgb(129,143,162)
```
#798eaa
```
#798eaa rgb(121,142,170)
```
#708cb3
```
#708cb3 rgb(112,140,179)
```
#688bbb
```
#688bbb rgb(104,139,187)
```
#5f8ac4
```
#5f8ac4 rgb(95,138,196)
```
#5789cc
```
#5789cc rgb(87,137,204)
```
#4e87d5
```
#4e87d5 rgb(78,135,213)
```
#4686dd
```
#4686dd rgb(70,134,221)
```
#3e85e5
```
#3e85e5 rgb(62,133,229)
```
#3584ee
```
#3584ee rgb(53,132,238)
```
#2d82f6
```
#2d82f6 rgb(45,130,246)
```
#2481ff
```
#2481ff rgb(36,129,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#8b8d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9092a5 Protanopia 1% of men
#9690a8 Deuteranopia 1% of men
#8695a0 Tritanopia 0.001% of the population

Trichromacy

#8a91a4 Protanomaly 1% of men, 0.01% of women
#8e8fa6 Deuteranomaly 6% of men, 0.4% of women
#8493a1 Tritanomaly 0.01% of the population

#818fa2 hex color

#818fa2 Color Information

#818fa2 Color Conversion

Color Schemes with #818fa2

Alternatives to #818fa2

#818fa2 Preview

Shades and Tints of #818fa2

Tones of #818fa2

Color Blindness Simulator