#225a8c hex color

In a RGB color space, hex #225a8c is composed of 13.3% red, 35.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 35.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 208.3 degrees, a saturation of 60.9% and a lightness of 34.1%. #225a8c color hex could be obtained by blending #44b4ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 35
- B 55
RGB color chart
- C 76
- M 36
- Y 0
- K 45
CMYK color chart

● #225a8c color description : Dark blue.

The hexadecimal color #225a8c has RGB values of R:34, G:90, B:140 and CMYK values of C:0.76, M:0.36, Y:0, K:0.45. Its decimal value is 2251404.

Hex triplet	225a8c	`#225a8c`
RGB Decimal	34, 90, 140	`rgb(34,90,140)`
RGB Percent	13.3, 35.3, 54.9	`rgb(13.3%,35.3%,54.9%)`
CMYK	76, 36, 0, 45
HSL	208.3°, 60.9, 34.1	`hsl(208.3,60.9%,34.1%)`
HSV (or HSB)	208.3°, 75.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	37.013, -0.202, -32.955
XYZ	9.048, 9.545, 26.175
xyY	0.202, 0.213, 9.545
CIE-LCH	37.013, 32.956, 269.649
CIE-LUV	37.013, -19.723, -46.215
Hunter-Lab	30.895, -1.789, -28.605
Binary	00100010, 01011010, 10001100

#225a8c
```
#225a8c rgb(34,90,140)
```
#8c5422
```
#8c5422 rgb(140,84,34)
```

Complementary Color

#228c89
```
#228c89 rgb(34,140,137)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#22258c
```
#22258c rgb(34,37,140)
```

Analogous Color

#8c8922
```
#8c8922 rgb(140,137,34)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#8c2225
```
#8c2225 rgb(140,34,37)
```

Split Complementary Color

#5a8c22
```
#5a8c22 rgb(90,140,34)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#8c225a
```
#8c225a rgb(140,34,90)
```

Triadic Color

#228c54
```
#228c54 rgb(34,140,84)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#8c225a
```
#8c225a rgb(140,34,90)
```
#8c5422
```
#8c5422 rgb(140,84,34)
```

Tetradic Color

#13324e
```
#13324e rgb(19,50,78)
```
#184063
```
#184063 rgb(24,64,99)
```
#1d4d77
```
#1d4d77 rgb(29,77,119)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#2767a1
```
#2767a1 rgb(39,103,161)
```
#2c74b5
```
#2c74b5 rgb(44,116,181)
```
#3182ca
```
#3182ca rgb(49,130,202)
```

Monochromatic Color

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

#22758c
```
#22758c rgb(34,117,140)
```
#226c8c
```
#226c8c rgb(34,108,140)
```
#22638c
```
#22638c rgb(34,99,140)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#22518c
```
#22518c rgb(34,81,140)
```
#22488c
```
#22488c rgb(34,72,140)
```
#22408c
```
#22408c rgb(34,64,140)
```

Similar Colors

Text with hexadecimal color #225a8c

This text has a font color of #225a8c.

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

#225a8c background color

This paragraph has a background color of #225a8c.

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

#225a8c border color

This element has a border color of #225a8c.

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

CSS codes

.text {color:#225a8c;}

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

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

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, #03090e is the darkest color, while #fdfeff is the lightest one.

#03090e
```
#03090e rgb(3,9,14)
```
#07131e
```
#07131e rgb(7,19,30)
```
#0b1d2d
```
#0b1d2d rgb(11,29,45)
```
#0f273d
```
#0f273d rgb(15,39,61)
```
#13314d
```
#13314d rgb(19,49,77)
```
#173c5d
```
#173c5d rgb(23,60,93)
```
#1a466c
```
#1a466c rgb(26,70,108)
```
#1e507c
```
#1e507c rgb(30,80,124)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#26649c
```
#26649c rgb(38,100,156)
```
#2a6eac
```
#2a6eac rgb(42,110,172)
```
#2d78bb
```
#2d78bb rgb(45,120,187)
```
#3183cb
```
#3183cb rgb(49,131,203)
```

Shade Color Variation

#408cd1
```
#408cd1 rgb(64,140,209)
```
#4f96d4
```
#4f96d4 rgb(79,150,212)
```
#5f9fd8
```
#5f9fd8 rgb(95,159,216)
```
#6fa9dc
```
#6fa9dc rgb(111,169,220)
```
#7fb2e0
```
#7fb2e0 rgb(127,178,224)
```
#8ebbe4
```
#8ebbe4 rgb(142,187,228)
```
#9ec5e8
```
#9ec5e8 rgb(158,197,232)
```
#aeceeb
```
#aeceeb rgb(174,206,235)
```
#bed8ef
```
#bed8ef rgb(190,216,239)
```
#cee1f3
```
#cee1f3 rgb(206,225,243)
```
#ddebf7
```
#ddebf7 rgb(221,235,247)
```
#edf4fb
```
#edf4fb rgb(237,244,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51575d is the less saturated color, while #015cad is the most saturated one.

#51575d
```
#51575d rgb(81,87,93)
```
#4a5864
```
#4a5864 rgb(74,88,100)
```
#43586b
```
#43586b rgb(67,88,107)
```
#3d5871
```
#3d5871 rgb(61,88,113)
```
#365978
```
#365978 rgb(54,89,120)
```
#2f597f
```
#2f597f rgb(47,89,127)
```
#295a85
```
#295a85 rgb(41,90,133)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#1b5a93
```
#1b5a93 rgb(27,90,147)
```
#155b99
```
#155b99 rgb(21,91,153)
```
#0e5ba0
```
#0e5ba0 rgb(14,91,160)
```
#075ca7
```
#075ca7 rgb(7,92,167)
```
#015cad
```
#015cad rgb(1,92,173)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#46515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5e8e Protanopia 1% of men
#3f6093 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3d5c8d Protanomaly 1% of men, 0.01% of women
#345d90 Deuteranomaly 6% of men, 0.4% of women
#0c637a Tritanomaly 0.01% of the population

#225a8c hex color

#225a8c Color Information

#225a8c Color Conversion

Color Schemes with #225a8c

Alternatives to #225a8c

#225a8c Preview

Shades and Tints of #225a8c

Tones of #225a8c

Color Blindness Simulator