#225b84 hex color

In a RGB color space, hex #225b84 is composed of 13.3% red, 35.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 31.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 205.1 degrees, a saturation of 59% and a lightness of 32.5%. #225b84 color hex could be obtained by blending #44b6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 36
- B 52
RGB color chart
- C 74
- M 31
- Y 0
- K 48
CMYK color chart

● #225b84 color description : Dark blue.

The hexadecimal color #225b84 has RGB values of R:34, G:91, B:132 and CMYK values of C:0.74, M:0.31, Y:0, K:0.48. Its decimal value is 2251652.

Hex triplet	225b84	`#225b84`
RGB Decimal	34, 91, 132	`rgb(34,91,132)`
RGB Percent	13.3, 35.7, 51.8	`rgb(13.3%,35.7%,51.8%)`
CMYK	74, 31, 0, 48
HSL	205.1°, 59, 32.5	`hsl(205.1,59%,32.5%)`
HSV (or HSB)	205.1°, 74.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	36.906, -3.884, -28.252
XYZ	8.565, 9.488, 23.208
xyY	0.208, 0.23, 9.488
CIE-LCH	36.906, 28.518, 262.172
CIE-LUV	36.906, -20.379, -38.908
Hunter-Lab	30.802, -4.27, -23.112
Binary	00100010, 01011011, 10000100

#225b84
```
#225b84 rgb(34,91,132)
```
#844b22
```
#844b22 rgb(132,75,34)
```

Complementary Color

#22847c
```
#22847c rgb(34,132,124)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#222a84
```
#222a84 rgb(34,42,132)
```

Analogous Color

#847c22
```
#847c22 rgb(132,124,34)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#84222a
```
#84222a rgb(132,34,42)
```

Split Complementary Color

#5b8422
```
#5b8422 rgb(91,132,34)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#84225b
```
#84225b rgb(132,34,91)
```

Triadic Color

#22844b
```
#22844b rgb(34,132,75)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#84225b
```
#84225b rgb(132,34,91)
```
#844b22
```
#844b22 rgb(132,75,34)
```

Tetradic Color

#123147
```
#123147 rgb(18,49,71)
```
#183f5b
```
#183f5b rgb(24,63,91)
```
#1d4d70
```
#1d4d70 rgb(29,77,112)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#276998
```
#276998 rgb(39,105,152)
```
#2c77ad
```
#2c77ad rgb(44,119,173)
```
#3285c1
```
#3285c1 rgb(50,133,193)
```

Monochromatic Color

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

#227484
```
#227484 rgb(34,116,132)
```
#226b84
```
#226b84 rgb(34,107,132)
```
#226384
```
#226384 rgb(34,99,132)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#225384
```
#225384 rgb(34,83,132)
```
#224b84
```
#224b84 rgb(34,75,132)
```
#224384
```
#224384 rgb(34,67,132)
```

Similar Colors

Text with hexadecimal color #225b84

This text has a font color of #225b84.

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

#225b84 background color

This paragraph has a background color of #225b84.

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

#225b84 border color

This element has a border color of #225b84.

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

CSS codes

.text {color:#225b84;}

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

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

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 #f7fafd is the lightest one.

#020507
```
#020507 rgb(2,5,7)
```
#061017
```
#061017 rgb(6,16,23)
```
#0a1a26
```
#0a1a26 rgb(10,26,38)
```
#0e2536
```
#0e2536 rgb(14,37,54)
```
#123046
```
#123046 rgb(18,48,70)
```
#163b55
```
#163b55 rgb(22,59,85)
```
#1a4565
```
#1a4565 rgb(26,69,101)
```
#1e5074
```
#1e5074 rgb(30,80,116)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#266694
```
#266694 rgb(38,102,148)
```
#2a71a3
```
#2a71a3 rgb(42,113,163)
```
#2e7bb3
```
#2e7bb3 rgb(46,123,179)
```
#3286c2
```
#3286c2 rgb(50,134,194)
```

Shade Color Variation

#3b90cd
```
#3b90cd rgb(59,144,205)
```
#4b99d1
```
#4b99d1 rgb(75,153,209)
```
#5ba2d5
```
#5ba2d5 rgb(91,162,213)
```
#6aaad9
```
#6aaad9 rgb(106,170,217)
```
#7ab3dd
```
#7ab3dd rgb(122,179,221)
```
#89bce1
```
#89bce1 rgb(137,188,225)
```
#99c5e5
```
#99c5e5 rgb(153,197,229)
```
#a9cee9
```
#a9cee9 rgb(169,206,233)
```
#b8d7ed
```
#b8d7ed rgb(184,215,237)
```
#c8e0f1
```
#c8e0f1 rgb(200,224,241)
```
#d7e9f5
```
#d7e9f5 rgb(215,233,245)
```
#e7f1f9
```
#e7f1f9 rgb(231,241,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5457 is the less saturated color, while #0260a4 is the most saturated one.

#4f5457
```
#4f5457 rgb(79,84,87)
```
#48555e
```
#48555e rgb(72,85,94)
```
#425664
```
#425664 rgb(66,86,100)
```
#3c576a
```
#3c576a rgb(60,87,106)
```
#355871
```
#355871 rgb(53,88,113)
```
#2f5977
```
#2f5977 rgb(47,89,119)
```
#285a7e
```
#285a7e rgb(40,90,126)
```
#225b84
```
#225b84 rgb(34,91,132)
```
#1c5c8a
```
#1c5c8a rgb(28,92,138)
```
#155d91
```
#155d91 rgb(21,93,145)
```
#0f5e97
```
#0f5e97 rgb(15,94,151)
```
#085f9e
```
#085f9e rgb(8,95,158)
```
#0260a4
```
#0260a4 rgb(2,96,164)
```

Tone Color Variation

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

Dichromacy

#515e86 Protanopia 1% of men
#485f8c Deuteranopia 1% of men
#056870 Tritanopia 0.001% of the population

Trichromacy

#405d85 Protanomaly 1% of men, 0.01% of women
#3a5d89 Deuteranomaly 6% of men, 0.4% of women
#106377 Tritanomaly 0.01% of the population

#225b84 hex color

#225b84 Color Information

#225b84 Color Conversion

Color Schemes with #225b84

Alternatives to #225b84

#225b84 Preview

Shades and Tints of #225b84

Tones of #225b84

Color Blindness Simulator