#225686 hex color

In a RGB color space, hex #225686 is composed of 13.3% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 35.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 208.8 degrees, a saturation of 59.5% and a lightness of 32.9%. #225686 color hex could be obtained by blending #44acff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 34
- B 53
RGB color chart
- C 75
- M 36
- Y 0
- K 47
CMYK color chart

● #225686 color description : Dark blue.

The hexadecimal color #225686 has RGB values of R:34, G:86, B:134 and CMYK values of C:0.75, M:0.36, Y:0, K:0.47. Its decimal value is 2250374.

Hex triplet	225686	`#225686`
RGB Decimal	34, 86, 134	`rgb(34,86,134)`
RGB Percent	13.3, 33.7, 52.5	`rgb(13.3%,33.7%,52.5%)`
CMYK	75, 36, 0, 47
HSL	208.8°, 59.5, 32.9	`hsl(208.8,59.5%,32.9%)`
HSV (or HSB)	208.8°, 74.6, 52.5
Web Safe	336699	`#336699`

CIE-LAB	35.432, 0.045, -31.798
XYZ	8.29, 8.716, 23.798
xyY	0.203, 0.214, 8.716
CIE-LCH	35.432, 31.798, 270.08
CIE-LUV	35.432, -18.547, -44.009
Hunter-Lab	29.523, -1.547, -27.127
Binary	00100010, 01010110, 10000110

#225686
```
#225686 rgb(34,86,134)
```
#865222
```
#865222 rgb(134,82,34)
```

Complementary Color

#228684
```
#228684 rgb(34,134,132)
```
#225686
```
#225686 rgb(34,86,134)
```
#222486
```
#222486 rgb(34,36,134)
```

Analogous Color

#868422
```
#868422 rgb(134,132,34)
```
#225686
```
#225686 rgb(34,86,134)
```
#862224
```
#862224 rgb(134,34,36)
```

Split Complementary Color

#568622
```
#568622 rgb(86,134,34)
```
#225686
```
#225686 rgb(34,86,134)
```
#862256
```
#862256 rgb(134,34,86)
```

Triadic Color

#228652
```
#228652 rgb(34,134,82)
```
#225686
```
#225686 rgb(34,86,134)
```
#862256
```
#862256 rgb(134,34,86)
```
#865222
```
#865222 rgb(134,82,34)
```

Tetradic Color

#132f49
```
#132f49 rgb(19,47,73)
```
#183c5d
```
#183c5d rgb(24,60,93)
```
#1d4972
```
#1d4972 rgb(29,73,114)
```
#225686
```
#225686 rgb(34,86,134)
```
#27639a
```
#27639a rgb(39,99,154)
```
#2c70af
```
#2c70af rgb(44,112,175)
```
#317dc3
```
#317dc3 rgb(49,125,195)
```

Monochromatic Color

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

#226f86
```
#226f86 rgb(34,111,134)
```
#226786
```
#226786 rgb(34,103,134)
```
#225e86
```
#225e86 rgb(34,94,134)
```
#225686
```
#225686 rgb(34,86,134)
```
#224e86
```
#224e86 rgb(34,78,134)
```
#224586
```
#224586 rgb(34,69,134)
```
#223d86
```
#223d86 rgb(34,61,134)
```

Similar Colors

Text with hexadecimal color #225686

This text has a font color of #225686.

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

#225686 background color

This paragraph has a background color of #225686.

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

#225686 border color

This element has a border color of #225686.

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

CSS codes

.text {color:#225686;}

.background {background-color:#225686;}

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

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

#020609
```
#020609 rgb(2,6,9)
```
#061018
```
#061018 rgb(6,16,24)
```
#0a1a28
```
#0a1a28 rgb(10,26,40)
```
#0e2438
```
#0e2438 rgb(14,36,56)
```
#122e47
```
#122e47 rgb(18,46,71)
```
#163857
```
#163857 rgb(22,56,87)
```
#1a4267
```
#1a4267 rgb(26,66,103)
```
#1e4c76
```
#1e4c76 rgb(30,76,118)
```
#225686
```
#225686 rgb(34,86,134)
```
#266096
```
#266096 rgb(38,96,150)
```
#2a6aa5
```
#2a6aa5 rgb(42,106,165)
```
#2e74b5
```
#2e74b5 rgb(46,116,181)
```
#327ec5
```
#327ec5 rgb(50,126,197)
```

Shade Color Variation

#3c88ce
```
#3c88ce rgb(60,136,206)
```
#4c92d2
```
#4c92d2 rgb(76,146,210)
```
#5c9bd6
```
#5c9bd6 rgb(92,155,214)
```
#6ba5da
```
#6ba5da rgb(107,165,218)
```
#7baede
```
#7baede rgb(123,174,222)
```
#8bb8e1
```
#8bb8e1 rgb(139,184,225)
```
#9ac1e5
```
#9ac1e5 rgb(154,193,229)
```
#aacbe9
```
#aacbe9 rgb(170,203,233)
```
#bad5ed
```
#bad5ed rgb(186,213,237)
```
#c9def1
```
#c9def1 rgb(201,222,241)
```
#d9e8f5
```
#d9e8f5 rgb(217,232,245)
```
#e9f1f9
```
#e9f1f9 rgb(233,241,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#4f5459
```
#4f5459 rgb(79,84,89)
```
#49545f
```
#49545f rgb(73,84,95)
```
#425566
```
#425566 rgb(66,85,102)
```
#3c556c
```
#3c556c rgb(60,85,108)
```
#355573
```
#355573 rgb(53,85,115)
```
#2f5579
```
#2f5579 rgb(47,85,121)
```
#285680
```
#285680 rgb(40,86,128)
```
#225686
```
#225686 rgb(34,86,134)
```
#1c568c
```
#1c568c rgb(28,86,140)
```
#155793
```
#155793 rgb(21,87,147)
```
#0f5799
```
#0f5799 rgb(15,87,153)
```
#0857a0
```
#0857a0 rgb(8,87,160)
```
#0257a6
```
#0257a6 rgb(2,87,166)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#444e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5a89 Protanopia 1% of men
#3d5c8d Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#3b5988 Protanomaly 1% of men, 0.01% of women
#335a8a Deuteranomaly 6% of men, 0.4% of women
#0c5f75 Tritanomaly 0.01% of the population

#225686 hex color

#225686 Color Information

#225686 Color Conversion

Color Schemes with #225686

Alternatives to #225686

#225686 Preview

Shades and Tints of #225686

Tones of #225686

Color Blindness Simulator