#225fa4 hex color

In a RGB color space, hex #225fa4 is composed of 13.3% red, 37.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 42.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 211.8 degrees, a saturation of 65.7% and a lightness of 38.8%. #225fa4 color hex could be obtained by blending #44beff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 37
- B 64
RGB color chart
- C 79
- M 42
- Y 0
- K 36
CMYK color chart

● #225fa4 color description : Dark blue.

The hexadecimal color #225fa4 has RGB values of R:34, G:95, B:164 and CMYK values of C:0.79, M:0.42, Y:0, K:0.36. Its decimal value is 2252708.

Hex triplet	225fa4	`#225fa4`
RGB Decimal	34, 95, 164	`rgb(34,95,164)`
RGB Percent	13.3, 37.3, 64.3	`rgb(13.3%,37.3%,64.3%)`
CMYK	79, 42, 0, 36
HSL	211.8°, 65.7, 38.8	`hsl(211.8,65.7%,38.8%)`
HSV (or HSB)	211.8°, 79.3, 64.3
Web Safe	336699	`#336699`

CIE-LAB	39.922, 5.907, -42.744
XYZ	11.451, 11.204, 36.679
xyY	0.193, 0.189, 11.204
CIE-LCH	39.922, 43.15, 277.868
CIE-LUV	39.922, -20.575, -62.322
Hunter-Lab	33.472, 2.49, -41.54
Binary	00100010, 01011111, 10100100

#225fa4
```
#225fa4 rgb(34,95,164)
```
#a46722
```
#a46722 rgb(164,103,34)
```

Complementary Color

#22a0a4
```
#22a0a4 rgb(34,160,164)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#2622a4
```
#2622a4 rgb(38,34,164)
```

Analogous Color

#a0a422
```
#a0a422 rgb(160,164,34)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#a42622
```
#a42622 rgb(164,38,34)
```

Split Complementary Color

#5fa422
```
#5fa422 rgb(95,164,34)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#a4225f
```
#a4225f rgb(164,34,95)
```

Triadic Color

#22a467
```
#22a467 rgb(34,164,103)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#a4225f
```
#a4225f rgb(164,34,95)
```
#a46722
```
#a46722 rgb(164,103,34)
```

Tetradic Color

#153a65
```
#153a65 rgb(21,58,101)
```
#19477a
```
#19477a rgb(25,71,122)
```
#1e538f
```
#1e538f rgb(30,83,143)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#266bb9
```
#266bb9 rgb(38,107,185)
```
#2b77ce
```
#2b77ce rgb(43,119,206)
```
#3c84d7
```
#3c84d7 rgb(60,132,215)
```

Monochromatic Color

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

#2280a4
```
#2280a4 rgb(34,128,164)
```
#2275a4
```
#2275a4 rgb(34,117,164)
```
#226aa4
```
#226aa4 rgb(34,106,164)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#2254a4
```
#2254a4 rgb(34,84,164)
```
#2249a4
```
#2249a4 rgb(34,73,164)
```
#223fa4
```
#223fa4 rgb(34,63,164)
```

Similar Colors

Text with hexadecimal color #225fa4

This text has a font color of #225fa4.

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

#225fa4 background color

This paragraph has a background color of #225fa4.

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

#225fa4 border color

This element has a border color of #225fa4.

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

CSS codes

.text {color:#225fa4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071422
```
#071422 rgb(7,20,34)
```
#0a1d32
```
#0a1d32 rgb(10,29,50)
```
#0e2743
```
#0e2743 rgb(14,39,67)
```
#113053
```
#113053 rgb(17,48,83)
```
#153963
```
#153963 rgb(21,57,99)
```
#184373
```
#184373 rgb(24,67,115)
```
#1b4c84
```
#1b4c84 rgb(27,76,132)
```
#1f5694
```
#1f5694 rgb(31,86,148)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#2568b4
```
#2568b4 rgb(37,104,180)
```
#2972c4
```
#2972c4 rgb(41,114,196)
```

Shade Color Variation

#2d7bd4
```
#2d7bd4 rgb(45,123,212)
```
#3e86d7
```
#3e86d7 rgb(62,134,215)
```
#4e90da
```
#4e90da rgb(78,144,218)
```
#5e9ade
```
#5e9ade rgb(94,154,222)
```
#6ea4e1
```
#6ea4e1 rgb(110,164,225)
```
#7faee4
```
#7faee4 rgb(127,174,228)
```
#8fb9e8
```
#8fb9e8 rgb(143,185,232)
```
#9fc3eb
```
#9fc3eb rgb(159,195,235)
```
#afcdee
```
#afcdee rgb(175,205,238)
```
#c0d7f2
```
#c0d7f2 rgb(192,215,242)
```
#d0e1f5
```
#d0e1f5 rgb(208,225,245)
```
#e0ecf9
```
#e0ecf9 rgb(224,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

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

#5f6367
```
#5f6367 rgb(95,99,103)
```
#57626f
```
#57626f rgb(87,98,111)
```
#506276
```
#506276 rgb(80,98,118)
```
#48617e
```
#48617e rgb(72,97,126)
```
#406186
```
#406186 rgb(64,97,134)
```
#39608d
```
#39608d rgb(57,96,141)
```
#316095
```
#316095 rgb(49,96,149)
```
#2a5f9c
```
#2a5f9c rgb(42,95,156)
```
#225fa4
```
#225fa4 rgb(34,95,164)
```
#1a5fac
```
#1a5fac rgb(26,95,172)
```
#135eb3
```
#135eb3 rgb(19,94,179)
```
#0b5ebb
```
#0b5ebb rgb(11,94,187)
```
#045dc2
```
#045dc2 rgb(4,93,194)
```

Tone Color Variation

Below, you can see how #225fa4 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
#4b5765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4764a6 Protanopia 1% of men
#2a67a8 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3962a5 Protanomaly 1% of men, 0.01% of women
#2764a6 Deuteranomaly 6% of men, 0.4% of women
#0c6a87 Tritanomaly 0.01% of the population

#225fa4 hex color

#225fa4 Color Information

#225fa4 Color Conversion

Color Schemes with #225fa4

Alternatives to #225fa4

#225fa4 Preview

Shades and Tints of #225fa4

Tones of #225fa4

Color Blindness Simulator