#224255 hex color

In a RGB color space, hex #224255 is composed of 13.3% red, 25.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 22.4% magenta, 0% yellow and 66.7% black. It has a hue angle of 202.4 degrees, a saturation of 42.9% and a lightness of 23.3%. #224255 color hex could be obtained by blending #4484aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 26
- B 33
RGB color chart
- C 60
- M 22
- Y 0
- K 67
CMYK color chart

● #224255 color description : Very dark blue.

The hexadecimal color #224255 has RGB values of R:34, G:66, B:85 and CMYK values of C:0.6, M:0.22, Y:0, K:0.67. Its decimal value is 2245205.

Hex triplet	224255	`#224255`
RGB Decimal	34, 66, 85	`rgb(34,66,85)`
RGB Percent	13.3, 25.9, 33.3	`rgb(13.3%,25.9%,33.3%)`
CMYK	60, 22, 0, 67
HSL	202.4°, 42.9, 23.3	`hsl(202.4,42.9%,23.3%)`
HSV (or HSB)	202.4°, 60, 33.3
Web Safe	333366	`#333366`

CIE-LAB	26.425, -5.438, -14.977
XYZ	4.247, 4.892, 9.314
xyY	0.23, 0.265, 4.892
CIE-LCH	26.425, 15.934, 250.044
CIE-LUV	26.425, -12.682, -17.617
Hunter-Lab	22.118, -4.431, -9.485
Binary	00100010, 01000010, 01010101

#224255
```
#224255 rgb(34,66,85)
```
#553522
```
#553522 rgb(85,53,34)
```

Complementary Color

#22554f
```
#22554f rgb(34,85,79)
```
#224255
```
#224255 rgb(34,66,85)
```
#222955
```
#222955 rgb(34,41,85)
```

Analogous Color

#554f22
```
#554f22 rgb(85,79,34)
```
#224255
```
#224255 rgb(34,66,85)
```
#552229
```
#552229 rgb(85,34,41)
```

Split Complementary Color

#425522
```
#425522 rgb(66,85,34)
```
#224255
```
#224255 rgb(34,66,85)
```
#552242
```
#552242 rgb(85,34,66)
```

Triadic Color

#225535
```
#225535 rgb(34,85,53)
```
#224255
```
#224255 rgb(34,66,85)
```
#552242
```
#552242 rgb(85,34,66)
```
#553522
```
#553522 rgb(85,53,34)
```

Tetradic Color

#0c181e
```
#0c181e rgb(12,24,30)
```
#132631
```
#132631 rgb(19,38,49)
```
#1b3443
```
#1b3443 rgb(27,52,67)
```
#224255
```
#224255 rgb(34,66,85)
```
#295067
```
#295067 rgb(41,80,103)
```
#315e79
```
#315e79 rgb(49,94,121)
```
#386c8c
```
#386c8c rgb(56,108,140)
```

Monochromatic Color

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

#224f55
```
#224f55 rgb(34,79,85)
```
#224b55
```
#224b55 rgb(34,75,85)
```
#224655
```
#224655 rgb(34,70,85)
```
#224255
```
#224255 rgb(34,66,85)
```
#223e55
```
#223e55 rgb(34,62,85)
```
#223a55
```
#223a55 rgb(34,58,85)
```
#223555
```
#223555 rgb(34,53,85)
```

Similar Colors

Text with hexadecimal color #224255

This text has a font color of #224255.

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

#224255 background color

This paragraph has a background color of #224255.

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

#224255 border color

This element has a border color of #224255.

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

CSS codes

.text {color:#224255;}

.background {background-color:#224255;}

.border {border:1px solid #224255;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060c0f
```
#060c0f rgb(6,12,15)
```
#0c161d
```
#0c161d rgb(12,22,29)
```
#11212b
```
#11212b rgb(17,33,43)
```
#172c39
```
#172c39 rgb(23,44,57)
```
#1c3747
```
#1c3747 rgb(28,55,71)
```
#224255
```
#224255 rgb(34,66,85)
```
#284d63
```
#284d63 rgb(40,77,99)
```
#2d5871
```
#2d5871 rgb(45,88,113)
```
#33637f
```
#33637f rgb(51,99,127)
```
#386e8d
```
#386e8d rgb(56,110,141)
```
#3e789b
```
#3e789b rgb(62,120,155)
```
#4483a9
```
#4483a9 rgb(68,131,169)
```

Shade Color Variation

#4a8eb7
```
#4a8eb7 rgb(74,142,183)
```
#5897bc
```
#5897bc rgb(88,151,188)
```
#669fc2
```
#669fc2 rgb(102,159,194)
```
#74a8c7
```
#74a8c7 rgb(116,168,199)
```
#82b1cd
```
#82b1cd rgb(130,177,205)
```
#90bad3
```
#90bad3 rgb(144,186,211)
```
#9ec2d8
```
#9ec2d8 rgb(158,194,216)
```
#accbde
```
#accbde rgb(172,203,222)
```
#bad4e3
```
#bad4e3 rgb(186,212,227)
```
#c8dde9
```
#c8dde9 rgb(200,221,233)
```
#d6e5ef
```
#d6e5ef rgb(214,229,239)
```
#e4eef4
```
#e4eef4 rgb(228,238,244)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #393c3e is the less saturated color, while #024a75 is the most saturated one.

#393c3e
```
#393c3e rgb(57,60,62)
```
#343d43
```
#343d43 rgb(52,61,67)
```
#303f47
```
#303f47 rgb(48,63,71)
```
#2b404c
```
#2b404c rgb(43,64,76)
```
#274150
```
#274150 rgb(39,65,80)
```
#224255
```
#224255 rgb(34,66,85)
```
#1d435a
```
#1d435a rgb(29,67,90)
```
#19445e
```
#19445e rgb(25,68,94)
```
#144663
```
#144663 rgb(20,70,99)
```
#104767
```
#104767 rgb(16,71,103)
```
#0b486c
```
#0b486c rgb(11,72,108)
```
#074970
```
#074970 rgb(7,73,112)
```
#024a75
```
#024a75 rgb(2,74,117)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363c40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43475b Protanopia 1% of men
#41475f Deuteranopia 1% of men
#284d53 Tritanopia 0.001% of the population

Trichromacy

#374558 Protanomaly 1% of men, 0.01% of women
#36455b Deuteranomaly 6% of men, 0.4% of women
#264954 Tritanomaly 0.01% of the population

#224255 hex color

#224255 Color Information

#224255 Color Conversion

Color Schemes with #224255

Alternatives to #224255

#224255 Preview

Shades and Tints of #224255

Tones of #224255

Color Blindness Simulator