#225796 hex color

In a RGB color space, hex #225796 is composed of 13.3% red, 34.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 42% magenta, 0% yellow and 41.2% black. It has a hue angle of 212.6 degrees, a saturation of 63% and a lightness of 36.1%. #225796 color hex could be obtained by blending #44aeff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 34
- B 59
RGB color chart
- C 77
- M 42
- Y 0
- K 41
CMYK color chart

● #225796 color description : Dark blue.

The hexadecimal color #225796 has RGB values of R:34, G:87, B:150 and CMYK values of C:0.77, M:0.42, Y:0, K:0.41. Its decimal value is 2250646.

Hex triplet	225796	`#225796`
RGB Decimal	34, 87, 150	`rgb(34,87,150)`
RGB Percent	13.3, 34.1, 58.8	`rgb(13.3%,34.1%,58.8%)`
CMYK	77, 42, 0, 41
HSL	212.6°, 63, 36.1	`hsl(212.6,63%,36.1%)`
HSV (or HSB)	212.6°, 77.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.664, 5.623, -39.564
XYZ	9.572, 9.358, 30.154
xyY	0.195, 0.191, 9.358
CIE-LCH	36.664, 39.962, 278.088
CIE-LUV	36.664, -18.388, -56.246
Hunter-Lab	30.59, 2.319, -37.031
Binary	00100010, 01010111, 10010110

#225796
```
#225796 rgb(34,87,150)
```
#966122
```
#966122 rgb(150,97,34)
```

Complementary Color

#229196
```
#229196 rgb(34,145,150)
```
#225796
```
#225796 rgb(34,87,150)
```
#272296
```
#272296 rgb(39,34,150)
```

Analogous Color

#919622
```
#919622 rgb(145,150,34)
```
#225796
```
#225796 rgb(34,87,150)
```
#962722
```
#962722 rgb(150,39,34)
```

Split Complementary Color

#579622
```
#579622 rgb(87,150,34)
```
#225796
```
#225796 rgb(34,87,150)
```
#962257
```
#962257 rgb(150,34,87)
```

Triadic Color

#229661
```
#229661 rgb(34,150,97)
```
#225796
```
#225796 rgb(34,87,150)
```
#962257
```
#962257 rgb(150,34,87)
```
#966122
```
#966122 rgb(150,97,34)
```

Tetradic Color

#143358
```
#143358 rgb(20,51,88)
```
#193f6c
```
#193f6c rgb(25,63,108)
```
#1d4b81
```
#1d4b81 rgb(29,75,129)
```
#225796
```
#225796 rgb(34,87,150)
```
#2763ab
```
#2763ab rgb(39,99,171)
```
#2b6fc0
```
#2b6fc0 rgb(43,111,192)
```
#347bd1
```
#347bd1 rgb(52,123,209)
```

Monochromatic Color

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

#227496
```
#227496 rgb(34,116,150)
```
#226a96
```
#226a96 rgb(34,106,150)
```
#226196
```
#226196 rgb(34,97,150)
```
#225796
```
#225796 rgb(34,87,150)
```
#224d96
```
#224d96 rgb(34,77,150)
```
#224496
```
#224496 rgb(34,68,150)
```
#223a96
```
#223a96 rgb(34,58,150)
```

Similar Colors

Text with hexadecimal color #225796

This text has a font color of #225796.

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

#225796 background color

This paragraph has a background color of #225796.

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

#225796 border color

This element has a border color of #225796.

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

CSS codes

.text {color:#225796;}

.background {background-color:#225796;}

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050d16
```
#050d16 rgb(5,13,22)
```
#091626
```
#091626 rgb(9,22,38)
```
#0c1f36
```
#0c1f36 rgb(12,31,54)
```
#102946
```
#102946 rgb(16,41,70)
```
#143256
```
#143256 rgb(20,50,86)
```
#173b66
```
#173b66 rgb(23,59,102)
```
#1b4476
```
#1b4476 rgb(27,68,118)
```
#1e4e86
```
#1e4e86 rgb(30,78,134)
```
#225796
```
#225796 rgb(34,87,150)
```
#2660a6
```
#2660a6 rgb(38,96,166)
```
#296ab6
```
#296ab6 rgb(41,106,182)
```
#2d73c6
```
#2d73c6 rgb(45,115,198)
```

Shade Color Variation

#357dd1
```
#357dd1 rgb(53,125,209)
```
#4587d5
```
#4587d5 rgb(69,135,213)
```
#5591d9
```
#5591d9 rgb(85,145,217)
```
#659cdc
```
#659cdc rgb(101,156,220)
```
#75a6e0
```
#75a6e0 rgb(117,166,224)
```
#85b0e3
```
#85b0e3 rgb(133,176,227)
```
#95bbe7
```
#95bbe7 rgb(149,187,231)
```
#a5c5eb
```
#a5c5eb rgb(165,197,235)
```
#b5cfee
```
#b5cfee rgb(181,207,238)
```
#c5daf2
```
#c5daf2 rgb(197,218,242)
```
#d5e4f6
```
#d5e4f6 rgb(213,228,246)
```
#e5eef9
```
#e5eef9 rgb(229,238,249)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545b64
```
#545b64 rgb(84,91,100)
```
#4c5b6c
```
#4c5b6c rgb(76,91,108)
```
#455a73
```
#455a73 rgb(69,90,115)
```
#3e597a
```
#3e597a rgb(62,89,122)
```
#375981
```
#375981 rgb(55,89,129)
```
#305888
```
#305888 rgb(48,88,136)
```
#29588f
```
#29588f rgb(41,88,143)
```
#225796
```
#225796 rgb(34,87,150)
```
#1b569d
```
#1b569d rgb(27,86,157)
```
#1456a4
```
#1456a4 rgb(20,86,164)
```
#0d55ab
```
#0d55ab rgb(13,85,171)
```
#0655b2
```
#0655b2 rgb(6,85,178)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#45505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#435d99 Protanopia 1% of men
#2a609b Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#375a98 Protanomaly 1% of men, 0.01% of women
#275c99 Deuteranomaly 6% of men, 0.4% of women
#0c627d Tritanomaly 0.01% of the population

#225796 hex color

#225796 Color Information

#225796 Color Conversion

Color Schemes with #225796

Alternatives to #225796

#225796 Preview

Shades and Tints of #225796

Tones of #225796

Color Blindness Simulator