#225680 hex color

In a RGB color space, hex #225680 is composed of 13.3% red, 33.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 32.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 206.8 degrees, a saturation of 58% and a lightness of 31.8%. #225680 color hex could be obtained by blending #44acff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 34
- B 50
RGB color chart
- C 73
- M 33
- Y 0
- K 50
CMYK color chart

● #225680 color description : Dark blue.

The hexadecimal color #225680 has RGB values of R:34, G:86, B:128 and CMYK values of C:0.73, M:0.33, Y:0, K:0.5. Its decimal value is 2250368.

Hex triplet	225680	`#225680`
RGB Decimal	34, 86, 128	`rgb(34,86,128)`
RGB Percent	13.3, 33.7, 50.2	`rgb(13.3%,33.7%,50.2%)`
CMYK	73, 33, 0, 50
HSL	206.8°, 58, 31.8	`hsl(206.8,58%,31.8%)`
HSV (or HSB)	206.8°, 73.4, 50.2
Web Safe	336699	`#336699`

CIE-LAB	35.11, -2.255, -28.624
XYZ	7.883, 8.554, 21.656
xyY	0.207, 0.225, 8.554
CIE-LCH	35.11, 28.713, 265.496
CIE-LUV	35.11, -18.754, -39.088
Hunter-Lab	29.246, -3.07, -23.431
Binary	00100010, 01010110, 10000000

#225680
```
#225680 rgb(34,86,128)
```
#804c22
```
#804c22 rgb(128,76,34)
```

Complementary Color

#22807b
```
#22807b rgb(34,128,123)
```
#225680
```
#225680 rgb(34,86,128)
```
#222780
```
#222780 rgb(34,39,128)
```

Analogous Color

#807b22
```
#807b22 rgb(128,123,34)
```
#225680
```
#225680 rgb(34,86,128)
```
#802227
```
#802227 rgb(128,34,39)
```

Split Complementary Color

#568022
```
#568022 rgb(86,128,34)
```
#225680
```
#225680 rgb(34,86,128)
```
#802256
```
#802256 rgb(128,34,86)
```

Triadic Color

#22804c
```
#22804c rgb(34,128,76)
```
#225680
```
#225680 rgb(34,86,128)
```
#802256
```
#802256 rgb(128,34,86)
```
#804c22
```
#804c22 rgb(128,76,34)
```

Tetradic Color

#122d44
```
#122d44 rgb(18,45,68)
```
#173b58
```
#173b58 rgb(23,59,88)
```
#1d486c
```
#1d486c rgb(29,72,108)
```
#225680
```
#225680 rgb(34,86,128)
```
#276494
```
#276494 rgb(39,100,148)
```
#2d71a8
```
#2d71a8 rgb(45,113,168)
```
#327fbc
```
#327fbc rgb(50,127,188)
```

Monochromatic Color

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

#226e80
```
#226e80 rgb(34,110,128)
```
#226680
```
#226680 rgb(34,102,128)
```
#225e80
```
#225e80 rgb(34,94,128)
```
#225680
```
#225680 rgb(34,86,128)
```
#224e80
```
#224e80 rgb(34,78,128)
```
#224680
```
#224680 rgb(34,70,128)
```
#223f80
```
#223f80 rgb(34,63,128)
```

Similar Colors

Text with hexadecimal color #225680

This text has a font color of #225680.

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

#225680 background color

This paragraph has a background color of #225680.

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

#225680 border color

This element has a border color of #225680.

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

CSS codes

.text {color:#225680;}

.background {background-color:#225680;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#091823
```
#091823 rgb(9,24,35)
```
#0d2233
```
#0d2233 rgb(13,34,51)
```
#122c42
```
#122c42 rgb(18,44,66)
```
#163752
```
#163752 rgb(22,55,82)
```
#1a4161
```
#1a4161 rgb(26,65,97)
```
#1e4c71
```
#1e4c71 rgb(30,76,113)
```
#225680
```
#225680 rgb(34,86,128)
```
#26608f
```
#26608f rgb(38,96,143)
```
#2a6b9f
```
#2a6b9f rgb(42,107,159)
```
#2e75ae
```
#2e75ae rgb(46,117,174)
```
#3280be
```
#3280be rgb(50,128,190)
```

Shade Color Variation

#3a8acb
```
#3a8acb rgb(58,138,203)
```
#4993cf
```
#4993cf rgb(73,147,207)
```
#599cd3
```
#599cd3 rgb(89,156,211)
```
#68a5d7
```
#68a5d7 rgb(104,165,215)
```
#78afdb
```
#78afdb rgb(120,175,219)
```
#87b8df
```
#87b8df rgb(135,184,223)
```
#97c1e3
```
#97c1e3 rgb(151,193,227)
```
#a6cae7
```
#a6cae7 rgb(166,202,231)
```
#b6d3eb
```
#b6d3eb rgb(182,211,235)
```
#c5ddf0
```
#c5ddf0 rgb(197,221,240)
```
#d5e6f4
```
#d5e6f4 rgb(213,230,244)
```
#e4eff8
```
#e4eff8 rgb(228,239,248)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

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

#4e5154
```
#4e5154 rgb(78,81,84)
```
#47525b
```
#47525b rgb(71,82,91)
```
#415361
```
#415361 rgb(65,83,97)
```
#3b5367
```
#3b5367 rgb(59,83,103)
```
#35546d
```
#35546d rgb(53,84,109)
```
#2e5574
```
#2e5574 rgb(46,85,116)
```
#28557a
```
#28557a rgb(40,85,122)
```
#225680
```
#225680 rgb(34,86,128)
```
#1c5786
```
#1c5786 rgb(28,87,134)
```
#16578c
```
#16578c rgb(22,87,140)
```
#0f5893
```
#0f5893 rgb(15,88,147)
```
#095999
```
#095999 rgb(9,89,153)
```
#03599f
```
#03599f rgb(3,89,159)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#434d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5a83 Protanopia 1% of men
#425b88 Deuteranopia 1% of men
#08646b Tritanopia 0.001% of the population

Trichromacy

#3d5882 Protanomaly 1% of men, 0.01% of women
#365985 Deuteranomaly 6% of men, 0.4% of women
#115f73 Tritanomaly 0.01% of the population

#225680 hex color

#225680 Color Information

#225680 Color Conversion

Color Schemes with #225680

Alternatives to #225680

#225680 Preview

Shades and Tints of #225680

Tones of #225680

Color Blindness Simulator