#225670 hex color

In a RGB color space, hex #225670 is composed of 13.3% red, 33.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 23.2% magenta, 0% yellow and 56.1% black. It has a hue angle of 200 degrees, a saturation of 53.4% and a lightness of 28.6%. #225670 color hex could be obtained by blending #44ace0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 34
- B 44
RGB color chart
- C 70
- M 23
- Y 0
- K 56
CMYK color chart

● #225670 color description : Very dark blue.

The hexadecimal color #225670 has RGB values of R:34, G:86, B:112 and CMYK values of C:0.7, M:0.23, Y:0, K:0.56. Its decimal value is 2250352.

Hex triplet	225670	`#225670`
RGB Decimal	34, 86, 112	`rgb(34,86,112)`
RGB Percent	13.3, 33.7, 43.9	`rgb(13.3%,33.7%,43.9%)`
CMYK	70, 23, 0, 56
HSL	200°, 53.4, 28.6	`hsl(200,53.4%,28.6%)`
HSV (or HSB)	200°, 69.6, 43.9
Web Safe	336666	`#336666`

CIE-LAB	34.324, -8.219, -19.949
XYZ	6.911, 8.165, 16.54
xyY	0.219, 0.258, 8.165
CIE-LCH	34.324, 21.576, 247.607
CIE-LUV	34.324, -19.366, -25.801
Hunter-Lab	28.574, -6.831, -14.318
Binary	00100010, 01010110, 01110000

#225670
```
#225670 rgb(34,86,112)
```
#703c22
```
#703c22 rgb(112,60,34)
```

Complementary Color

#227063
```
#227063 rgb(34,112,99)
```
#225670
```
#225670 rgb(34,86,112)
```
#222f70
```
#222f70 rgb(34,47,112)
```

Analogous Color

#706322
```
#706322 rgb(112,99,34)
```
#225670
```
#225670 rgb(34,86,112)
```
#70222f
```
#70222f rgb(112,34,47)
```

Split Complementary Color

#567022
```
#567022 rgb(86,112,34)
```
#225670
```
#225670 rgb(34,86,112)
```
#702256
```
#702256 rgb(112,34,86)
```

Triadic Color

#22703c
```
#22703c rgb(34,112,60)
```
#225670
```
#225670 rgb(34,86,112)
```
#702256
```
#702256 rgb(112,34,86)
```
#703c22
```
#703c22 rgb(112,60,34)
```

Tetradic Color

#102935
```
#102935 rgb(16,41,53)
```
#163849
```
#163849 rgb(22,56,73)
```
#1c475c
```
#1c475c rgb(28,71,92)
```
#225670
```
#225670 rgb(34,86,112)
```
#286584
```
#286584 rgb(40,101,132)
```
#2e7497
```
#2e7497 rgb(46,116,151)
```
#3483ab
```
#3483ab rgb(52,131,171)
```

Monochromatic Color

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

#226a70
```
#226a70 rgb(34,106,112)
```
#226370
```
#226370 rgb(34,99,112)
```
#225d70
```
#225d70 rgb(34,93,112)
```
#225670
```
#225670 rgb(34,86,112)
```
#225070
```
#225070 rgb(34,80,112)
```
#224970
```
#224970 rgb(34,73,112)
```
#224370
```
#224370 rgb(34,67,112)
```

Similar Colors

Text with hexadecimal color #225670

This text has a font color of #225670.

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

#225670 background color

This paragraph has a background color of #225670.

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

#225670 border color

This element has a border color of #225670.

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

CSS codes

.text {color:#225670;}

.background {background-color:#225670;}

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071116
```
#071116 rgb(7,17,22)
```
#0b1c25
```
#0b1c25 rgb(11,28,37)
```
#102834
```
#102834 rgb(16,40,52)
```
#143343
```
#143343 rgb(20,51,67)
```
#193f52
```
#193f52 rgb(25,63,82)
```
#1d4a61
```
#1d4a61 rgb(29,74,97)
```
#225670
```
#225670 rgb(34,86,112)
```
#27627f
```
#27627f rgb(39,98,127)
```
#2b6d8e
```
#2b6d8e rgb(43,109,142)
```
#30799d
```
#30799d rgb(48,121,157)
```
#3484ac
```
#3484ac rgb(52,132,172)
```
#3990bb
```
#3990bb rgb(57,144,187)
```

Shade Color Variation

#429ac6
```
#429ac6 rgb(66,154,198)
```
#51a2ca
```
#51a2ca rgb(81,162,202)
```
#60aacf
```
#60aacf rgb(96,170,207)
```
#6fb2d3
```
#6fb2d3 rgb(111,178,211)
```
#7ebad8
```
#7ebad8 rgb(126,186,216)
```
#8dc2dc
```
#8dc2dc rgb(141,194,220)
```
#9ccae1
```
#9ccae1 rgb(156,202,225)
```
#abd2e6
```
#abd2e6 rgb(171,210,230)
```
#badaea
```
#badaea rgb(186,218,234)
```
#c9e2ef
```
#c9e2ef rgb(201,226,239)
```
#d9eaf3
```
#d9eaf3 rgb(217,234,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444b4e is the less saturated color, while #006192 is the most saturated one.

#444b4e
```
#444b4e rgb(68,75,78)
```
#3e4d54
```
#3e4d54 rgb(62,77,84)
```
#384f5a
```
#384f5a rgb(56,79,90)
```
#33505f
```
#33505f rgb(51,80,95)
```
#2d5265
```
#2d5265 rgb(45,82,101)
```
#28546a
```
#28546a rgb(40,84,106)
```
#225670
```
#225670 rgb(34,86,112)
```
#1c5876
```
#1c5876 rgb(28,88,118)
```
#175a7b
```
#175a7b rgb(23,90,123)
```
#115c81
```
#115c81 rgb(17,92,129)
```
#0c5d86
```
#0c5d86 rgb(12,93,134)
```
#065f8c
```
#065f8c rgb(6,95,140)
```
#006192
```
#006192 rgb(0,97,146)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525873 Protanopia 1% of men
#4d5879 Deuteranopia 1% of men
#226168 Tritanopia 0.001% of the population

Trichromacy

#405772 Protanomaly 1% of men, 0.01% of women
#3d5776 Deuteranomaly 6% of men, 0.4% of women
#225d6b Tritanomaly 0.01% of the population

#225670 hex color

#225670 Color Information

#225670 Color Conversion

Color Schemes with #225670

Alternatives to #225670

#225670 Preview

Shades and Tints of #225670

Tones of #225670

Color Blindness Simulator