#225faa hex color

In a RGB color space, hex #225faa is composed of 13.3% red, 37.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 44.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 213.1 degrees, a saturation of 66.7% and a lightness of 40%. #225faa color hex could be obtained by blending #44beff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 37
- B 67
RGB color chart
- C 80
- M 44
- Y 0
- K 33
CMYK color chart

● #225faa color description : Dark blue.

The hexadecimal color #225faa has RGB values of R:34, G:95, B:170 and CMYK values of C:0.8, M:0.44, Y:0, K:0.33. Its decimal value is 2252714.

Hex triplet	225faa	`#225faa`
RGB Decimal	34, 95, 170	`rgb(34,95,170)`
RGB Percent	13.3, 37.3, 66.7	`rgb(13.3%,37.3%,66.7%)`
CMYK	80, 44, 0, 33
HSL	213.1°, 66.7, 40	`hsl(213.1,66.7%,40%)`
HSV (or HSB)	213.1°, 80, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.289, 8.251, -45.712
XYZ	12.006, 11.426, 39.601
xyY	0.19, 0.181, 11.426
CIE-LCH	40.289, 46.451, 280.232
CIE-LUV	40.289, -20.386, -67.067
Hunter-Lab	33.802, 4.247, -45.799
Binary	00100010, 01011111, 10101010

#225faa
```
#225faa rgb(34,95,170)
```
#aa6d22
```
#aa6d22 rgb(170,109,34)
```

Complementary Color

#22a3aa
```
#22a3aa rgb(34,163,170)
```
#225faa
```
#225faa rgb(34,95,170)
```
#2922aa
```
#2922aa rgb(41,34,170)
```

Analogous Color

#a3aa22
```
#a3aa22 rgb(163,170,34)
```
#225faa
```
#225faa rgb(34,95,170)
```
#aa2922
```
#aa2922 rgb(170,41,34)
```

Split Complementary Color

#5faa22
```
#5faa22 rgb(95,170,34)
```
#225faa
```
#225faa rgb(34,95,170)
```
#aa225f
```
#aa225f rgb(170,34,95)
```

Triadic Color

#22aa6d
```
#22aa6d rgb(34,170,109)
```
#225faa
```
#225faa rgb(34,95,170)
```
#aa225f
```
#aa225f rgb(170,34,95)
```
#aa6d22
```
#aa6d22 rgb(170,109,34)
```

Tetradic Color

#153b6a
```
#153b6a rgb(21,59,106)
```
#1a4780
```
#1a4780 rgb(26,71,128)
```
#1e5395
```
#1e5395 rgb(30,83,149)
```
#225faa
```
#225faa rgb(34,95,170)
```
#266bbf
```
#266bbf rgb(38,107,191)
```
#2b77d5
```
#2b77d5 rgb(43,119,213)
```
#4084d9
```
#4084d9 rgb(64,132,217)
```

Monochromatic Color

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

#2281aa
```
#2281aa rgb(34,129,170)
```
#2276aa
```
#2276aa rgb(34,118,170)
```
#226aaa
```
#226aaa rgb(34,106,170)
```
#225faa
```
#225faa rgb(34,95,170)
```
#2254aa
```
#2254aa rgb(34,84,170)
```
#2248aa
```
#2248aa rgb(34,72,170)
```
#223daa
```
#223daa rgb(34,61,170)
```

Similar Colors

Text with hexadecimal color #225faa

This text has a font color of #225faa.

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

#225faa background color

This paragraph has a background color of #225faa.

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

#225faa border color

This element has a border color of #225faa.

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

CSS codes

.text {color:#225faa;}

.background {background-color:#225faa;}

.border {border:1px solid #225faa;}

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

#010407
```
#010407 rgb(1,4,7)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#081627
```
#081627 rgb(8,22,39)
```
#0b1f38
```
#0b1f38 rgb(11,31,56)
```
#0e2848
```
#0e2848 rgb(14,40,72)
```
#123158
```
#123158 rgb(18,49,88)
```
#153a69
```
#153a69 rgb(21,58,105)
```
#184479
```
#184479 rgb(24,68,121)
```
#1b4d89
```
#1b4d89 rgb(27,77,137)
```
#1f569a
```
#1f569a rgb(31,86,154)
```
#225faa
```
#225faa rgb(34,95,170)
```
#2568ba
```
#2568ba rgb(37,104,186)
```
#2971cb
```
#2971cb rgb(41,113,203)
```

Shade Color Variation

#317bd6
```
#317bd6 rgb(49,123,214)
```
#4185d9
```
#4185d9 rgb(65,133,217)
```
#5290dc
```
#5290dc rgb(82,144,220)
```
#629ae0
```
#629ae0 rgb(98,154,224)
```
#72a5e3
```
#72a5e3 rgb(114,165,227)
```
#83afe6
```
#83afe6 rgb(131,175,230)
```
#93bae9
```
#93bae9 rgb(147,186,233)
```
#a3c4ed
```
#a3c4ed rgb(163,196,237)
```
#b4cff0
```
#b4cff0 rgb(180,207,240)
```
#c4d9f3
```
#c4d9f3 rgb(196,217,243)
```
#d5e4f7
```
#d5e4f7 rgb(213,228,247)
```
#e5eefa
```
#e5eefa rgb(229,238,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61656b is the less saturated color, while #035cc9 is the most saturated one.

#61656b
```
#61656b rgb(97,101,107)
```
#596573
```
#596573 rgb(89,101,115)
```
#51647b
```
#51647b rgb(81,100,123)
```
#496383
```
#496383 rgb(73,99,131)
```
#41628b
```
#41628b rgb(65,98,139)
```
#3a6192
```
#3a6192 rgb(58,97,146)
```
#32619a
```
#32619a rgb(50,97,154)
```
#2a60a2
```
#2a60a2 rgb(42,96,162)
```
#225faa
```
#225faa rgb(34,95,170)
```
#1a5eb2
```
#1a5eb2 rgb(26,94,178)
```
#125dba
```
#125dba rgb(18,93,186)
```
#0a5dc2
```
#0a5dc2 rgb(10,93,194)
```
#035cc9
```
#035cc9 rgb(3,92,201)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4364ac Protanopia 1% of men
#1968ad Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3762ab Protanomaly 1% of men, 0.01% of women
#1c65ac Deuteranomaly 6% of men, 0.4% of women
#0c6a8a Tritanomaly 0.01% of the population

#225faa hex color

#225faa Color Information

#225faa Color Conversion

Color Schemes with #225faa

Alternatives to #225faa

#225faa Preview

Shades and Tints of #225faa

Tones of #225faa

Color Blindness Simulator