#224140 hex color

In a RGB color space, hex #224140 is composed of 13.3% red, 25.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 1.5% yellow and 74.5% black. It has a hue angle of 178.1 degrees, a saturation of 31.3% and a lightness of 19.4%. #224140 color hex could be obtained by blending #448280 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 25
- B 25
RGB color chart
- C 48
- M 0
- Y 2
- K 75
CMYK color chart

● #224140 color description : Very dark desaturated cyan.

The hexadecimal color #224140 has RGB values of R:34, G:65, B:64 and CMYK values of C:0.48, M:0, Y:0.02, K:0.75. Its decimal value is 2244928.

Hex triplet	224140	`#224140`
RGB Decimal	34, 65, 64	`rgb(34,65,64)`
RGB Percent	13.3, 25.5, 25.1	`rgb(13.3%,25.5%,25.1%)`
CMYK	48, 0, 2, 75
HSL	178.1°, 31.3, 19.4	`hsl(178.1,31.3%,19.4%)`
HSV (or HSB)	178.1°, 47.7, 25.5
Web Safe	333333	`#333333`

CIE-LAB	25.231, -11.77, -2.995
XYZ	3.475, 4.491, 5.534
xyY	0.257, 0.333, 4.491
CIE-LCH	25.231, 12.145, 194.275
CIE-LUV	25.231, -12.746, -2.003
Hunter-Lab	21.191, -7.812, -0.649
Binary	00100010, 01000001, 01000000

#224140
```
#224140 rgb(34,65,64)
```
#412223
```
#412223 rgb(65,34,35)
```

Complementary Color

#224131
```
#224131 rgb(34,65,49)
```
#224140
```
#224140 rgb(34,65,64)
```
#223341
```
#223341 rgb(34,51,65)
```

Analogous Color

#413122
```
#413122 rgb(65,49,34)
```
#224140
```
#224140 rgb(34,65,64)
```
#412233
```
#412233 rgb(65,34,51)
```

Split Complementary Color

#414022
```
#414022 rgb(65,64,34)
```
#224140
```
#224140 rgb(34,65,64)
```
#402241
```
#402241 rgb(64,34,65)
```

Triadic Color

#234122
```
#234122 rgb(35,65,34)
```
#224140
```
#224140 rgb(34,65,64)
```
#402241
```
#402241 rgb(64,34,65)
```
#412223
```
#412223 rgb(65,34,35)
```

Tetradic Color

#080f0f
```
#080f0f rgb(8,15,15)
```
#10201f
```
#10201f rgb(16,32,31)
```
#193030
```
#193030 rgb(25,48,48)
```
#224140
```
#224140 rgb(34,65,64)
```
#2b5250
```
#2b5250 rgb(43,82,80)
```
#346261
```
#346261 rgb(52,98,97)
```
#3c7371
```
#3c7371 rgb(60,115,113)
```

Monochromatic Color

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

#224138
```
#224138 rgb(34,65,56)
```
#22413b
```
#22413b rgb(34,65,59)
```
#22413d
```
#22413d rgb(34,65,61)
```
#224140
```
#224140 rgb(34,65,64)
```
#223f41
```
#223f41 rgb(34,63,65)
```
#223d41
```
#223d41 rgb(34,61,65)
```
#223a41
```
#223a41 rgb(34,58,65)
```

Similar Colors

Text with hexadecimal color #224140

This text has a font color of #224140.

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

#224140 background color

This paragraph has a background color of #224140.

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

#224140 border color

This element has a border color of #224140.

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

CSS codes

.text {color:#224140;}

.background {background-color:#224140;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e1a1a
```
#0e1a1a rgb(14,26,26)
```
#152727
```
#152727 rgb(21,39,39)
```
#1b3433
```
#1b3433 rgb(27,52,51)
```
#224140
```
#224140 rgb(34,65,64)
```
#294e4d
```
#294e4d rgb(41,78,77)
```
#2f5b59
```
#2f5b59 rgb(47,91,89)
```
#366866
```
#366866 rgb(54,104,102)
```
#3d7573
```
#3d7573 rgb(61,117,115)
```
#44817f
```
#44817f rgb(68,129,127)
```
#4a8e8c
```
#4a8e8c rgb(74,142,140)
```
#519b99
```
#519b99 rgb(81,155,153)
```

Shade Color Variation

#58a8a5
```
#58a8a5 rgb(88,168,165)
```
#65aeac
```
#65aeac rgb(101,174,172)
```
#72b5b3
```
#72b5b3 rgb(114,181,179)
```
#7fbcba
```
#7fbcba rgb(127,188,186)
```
#8cc3c1
```
#8cc3c1 rgb(140,195,193)
```
#99c9c8
```
#99c9c8 rgb(153,201,200)
```
#a5d0cf
```
#a5d0cf rgb(165,208,207)
```
#b2d7d6
```
#b2d7d6 rgb(178,215,214)
```
#bfdedd
```
#bfdedd rgb(191,222,221)
```
#cce4e4
```
#cce4e4 rgb(204,228,228)
```
#d9ebeb
```
#d9ebeb rgb(217,235,235)
```
#e6f2f1
```
#e6f2f1 rgb(230,242,241)
```
#f3f9f8
```
#f3f9f8 rgb(243,249,248)
```

Tint Color Variation

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

#313232
```
#313232 rgb(49,50,50)
```
#2d3635
```
#2d3635 rgb(45,54,53)
```
#2a3939
```
#2a3939 rgb(42,57,57)
```
#263d3c
```
#263d3c rgb(38,61,60)
```
#224140
```
#224140 rgb(34,65,64)
```
#1e4544
```
#1e4544 rgb(30,69,68)
```
#1a4947
```
#1a4947 rgb(26,73,71)
```
#174c4b
```
#174c4b rgb(23,76,75)
```
#13504e
```
#13504e rgb(19,80,78)
```
#0f5452
```
#0f5452 rgb(15,84,82)
```
#0b5855
```
#0b5855 rgb(11,88,85)
```
#075c59
```
#075c59 rgb(7,92,89)
```
#045f5c
```
#045f5c rgb(4,95,92)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#343a3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#464547 Protanopia 1% of men
#49444c Deuteranopia 1% of men
#2f4a4f Tritanopia 0.001% of the population

Trichromacy

#394344 Protanomaly 1% of men, 0.01% of women
#3b4347 Deuteranomaly 6% of men, 0.4% of women
#2a4649 Tritanomaly 0.01% of the population

#224140 hex color

#224140 Color Information

#224140 Color Conversion

Color Schemes with #224140

Alternatives to #224140

#224140 Preview

Shades and Tints of #224140

Tones of #224140

Color Blindness Simulator