#225a8f hex color

In a RGB color space, hex #225a8f is composed of 13.3% red, 35.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 37.1% magenta, 0% yellow and 43.9% black. It has a hue angle of 209.2 degrees, a saturation of 61.6% and a lightness of 34.7%. #225a8f color hex could be obtained by blending #44b4ff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 35
- B 56
RGB color chart
- C 76
- M 37
- Y 0
- K 44
CMYK color chart

● #225a8f color description : Dark blue.

The hexadecimal color #225a8f has RGB values of R:34, G:90, B:143 and CMYK values of C:0.76, M:0.37, Y:0, K:0.44. Its decimal value is 2251407.

Hex triplet	225a8f	`#225a8f`
RGB Decimal	34, 90, 143	`rgb(34,90,143)`
RGB Percent	13.3, 35.3, 56.1	`rgb(13.3%,35.3%,56.1%)`
CMYK	76, 37, 0, 44
HSL	209.2°, 61.6, 34.7	`hsl(209.2,61.6%,34.7%)`
HSV (or HSB)	209.2°, 76.2, 56.1
Web Safe	336699	`#336699`

CIE-LAB	37.179, 0.955, -34.513
XYZ	9.273, 9.635, 27.356
xyY	0.2, 0.208, 9.635
CIE-LCH	37.179, 34.526, 271.586
CIE-LUV	37.179, -19.616, -48.668
Hunter-Lab	31.04, -0.997, -30.525
Binary	00100010, 01011010, 10001111

#225a8f
```
#225a8f rgb(34,90,143)
```
#8f5722
```
#8f5722 rgb(143,87,34)
```

Complementary Color

#228f8e
```
#228f8e rgb(34,143,142)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#22248f
```
#22248f rgb(34,36,143)
```

Analogous Color

#8f8e22
```
#8f8e22 rgb(143,142,34)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#8f2224
```
#8f2224 rgb(143,34,36)
```

Split Complementary Color

#5a8f22
```
#5a8f22 rgb(90,143,34)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#8f225a
```
#8f225a rgb(143,34,90)
```

Triadic Color

#228f57
```
#228f57 rgb(34,143,87)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#8f225a
```
#8f225a rgb(143,34,90)
```
#8f5722
```
#8f5722 rgb(143,87,34)
```

Tetradic Color

#133351
```
#133351 rgb(19,51,81)
```
#184066
```
#184066 rgb(24,64,102)
```
#1d4d7a
```
#1d4d7a rgb(29,77,122)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#2767a4
```
#2767a4 rgb(39,103,164)
```
#2c74b8
```
#2c74b8 rgb(44,116,184)
```
#3181cd
```
#3181cd rgb(49,129,205)
```

Monochromatic Color

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

#22758f
```
#22758f rgb(34,117,143)
```
#226c8f
```
#226c8f rgb(34,108,143)
```
#22638f
```
#22638f rgb(34,99,143)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#22518f
```
#22518f rgb(34,81,143)
```
#22488f
```
#22488f rgb(34,72,143)
```
#223f8f
```
#223f8f rgb(34,63,143)
```

Similar Colors

Text with hexadecimal color #225a8f

This text has a font color of #225a8f.

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

#225a8f background color

This paragraph has a background color of #225a8f.

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

#225a8f border color

This element has a border color of #225a8f.

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

CSS codes

.text {color:#225a8f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#081420
```
#081420 rgb(8,20,32)
```
#0b1e30
```
#0b1e30 rgb(11,30,48)
```
#0f2840
```
#0f2840 rgb(15,40,64)
```
#133250
```
#133250 rgb(19,50,80)
```
#173c5f
```
#173c5f rgb(23,60,95)
```
#1a466f
```
#1a466f rgb(26,70,111)
```
#1e507f
```
#1e507f rgb(30,80,127)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#26649f
```
#26649f rgb(38,100,159)
```
#2a6eaf
```
#2a6eaf rgb(42,110,175)
```
#2d78bf
```
#2d78bf rgb(45,120,191)
```

Shade Color Variation

#3182ce
```
#3182ce rgb(49,130,206)
```
#418cd2
```
#418cd2 rgb(65,140,210)
```
#5195d6
```
#5195d6 rgb(81,149,214)
```
#619fd9
```
#619fd9 rgb(97,159,217)
```
#71a8dd
```
#71a8dd rgb(113,168,221)
```
#81b2e1
```
#81b2e1 rgb(129,178,225)
```
#90bce5
```
#90bce5 rgb(144,188,229)
```
#a0c5e8
```
#a0c5e8 rgb(160,197,232)
```
#b0cfec
```
#b0cfec rgb(176,207,236)
```
#c0d9f0
```
#c0d9f0 rgb(192,217,240)
```
#d0e2f4
```
#d0e2f4 rgb(208,226,244)
```
#e0ecf8
```
#e0ecf8 rgb(224,236,248)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

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

#585959
```
#585959 rgb(88,89,89)
```
#52595f
```
#52595f rgb(82,89,95)
```
#4b5966
```
#4b5966 rgb(75,89,102)
```
#44596d
```
#44596d rgb(68,89,109)
```
#3d5974
```
#3d5974 rgb(61,89,116)
```
#36597b
```
#36597b rgb(54,89,123)
```
#305a81
```
#305a81 rgb(48,90,129)
```
#295a88
```
#295a88 rgb(41,90,136)
```
#225a8f
```
#225a8f rgb(34,90,143)
```
#1b5a96
```
#1b5a96 rgb(27,90,150)
```
#145a9d
```
#145a9d rgb(20,90,157)
```
#0e5ba3
```
#0e5ba3 rgb(14,91,163)
```
#075baa
```
#075baa rgb(7,91,170)
```

Tone Color Variation

Below, you can see how #225a8f 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
#46515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5e91 Protanopia 1% of men
#3b6095 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3c5c90 Protanomaly 1% of men, 0.01% of women
#325e93 Deuteranomaly 6% of men, 0.4% of women
#0c637b Tritanomaly 0.01% of the population

#225a8f hex color

#225a8f Color Information

#225a8f Color Conversion

Color Schemes with #225a8f

Alternatives to #225a8f

#225a8f Preview

Shades and Tints of #225a8f

Tones of #225a8f

Color Blindness Simulator