#224138 hex color

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

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

● #224138 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #224138 has RGB values of R:34, G:65, B:56 and CMYK values of C:0.48, M:0, Y:0.14, K:0.75. Its decimal value is 2244920.

Hex triplet	224138	`#224138`
RGB Decimal	34, 65, 56	`rgb(34,65,56)`
RGB Percent	13.3, 25.5, 22	`rgb(13.3%,25.5%,22%)`
CMYK	48, 0, 14, 75
HSL	162.6°, 31.3, 19.4	`hsl(162.6,31.3%,19.4%)`
HSV (or HSB)	162.6°, 47.7, 25.5
Web Safe	333333	`#333333`

CIE-LAB	24.971, -14.085, 1.905
XYZ	3.264, 4.406, 4.42
xyY	0.27, 0.364, 4.406
CIE-LCH	24.971, 14.213, 172.297
CIE-LUV	24.971, -12.927, 3.786
Hunter-Lab	20.99, -8.98, 2.21
Binary	00100010, 01000001, 00111000

#224138
```
#224138 rgb(34,65,56)
```
#41222b
```
#41222b rgb(65,34,43)
```

Complementary Color

#224129
```
#224129 rgb(34,65,41)
```
#224138
```
#224138 rgb(34,65,56)
```
#223b41
```
#223b41 rgb(34,59,65)
```

Analogous Color

#412922
```
#412922 rgb(65,41,34)
```
#224138
```
#224138 rgb(34,65,56)
```
#41223b
```
#41223b rgb(65,34,59)
```

Split Complementary Color

#413822
```
#413822 rgb(65,56,34)
```
#224138
```
#224138 rgb(34,65,56)
```
#382241
```
#382241 rgb(56,34,65)
```

Triadic Color

#2b4122
```
#2b4122 rgb(43,65,34)
```
#224138
```
#224138 rgb(34,65,56)
```
#382241
```
#382241 rgb(56,34,65)
```
#41222b
```
#41222b rgb(65,34,43)
```

Tetradic Color

#080f0d
```
#080f0d rgb(8,15,13)
```
#10201b
```
#10201b rgb(16,32,27)
```
#19302a
```
#19302a rgb(25,48,42)
```
#224138
```
#224138 rgb(34,65,56)
```
#2b5246
```
#2b5246 rgb(43,82,70)
```
#346255
```
#346255 rgb(52,98,85)
```
#3c7363
```
#3c7363 rgb(60,115,99)
```

Monochromatic Color

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

#224130
```
#224130 rgb(34,65,48)
```
#224133
```
#224133 rgb(34,65,51)
```
#224135
```
#224135 rgb(34,65,53)
```
#224138
```
#224138 rgb(34,65,56)
```
#22413b
```
#22413b rgb(34,65,59)
```
#22413d
```
#22413d rgb(34,65,61)
```
#224140
```
#224140 rgb(34,65,64)
```

Similar Colors

Text with hexadecimal color #224138

This text has a font color of #224138.

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

#224138 background color

This paragraph has a background color of #224138.

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

#224138 border color

This element has a border color of #224138.

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

CSS codes

.text {color:#224138;}

.background {background-color:#224138;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0c
```
#070d0c rgb(7,13,12)
```
#0e1a17
```
#0e1a17 rgb(14,26,23)
```
#152722
```
#152722 rgb(21,39,34)
```
#1b342d
```
#1b342d rgb(27,52,45)
```
#224138
```
#224138 rgb(34,65,56)
```
#294e43
```
#294e43 rgb(41,78,67)
```
#2f5b4e
```
#2f5b4e rgb(47,91,78)
```
#366859
```
#366859 rgb(54,104,89)
```
#3d7564
```
#3d7564 rgb(61,117,100)
```
#44816f
```
#44816f rgb(68,129,111)
```
#4a8e7b
```
#4a8e7b rgb(74,142,123)
```
#519b86
```
#519b86 rgb(81,155,134)
```

Shade Color Variation

#58a891
```
#58a891 rgb(88,168,145)
```
#65ae99
```
#65ae99 rgb(101,174,153)
```
#72b5a2
```
#72b5a2 rgb(114,181,162)
```
#7fbcaa
```
#7fbcaa rgb(127,188,170)
```
#8cc3b3
```
#8cc3b3 rgb(140,195,179)
```
#99c9bb
```
#99c9bb rgb(153,201,187)
```
#a5d0c4
```
#a5d0c4 rgb(165,208,196)
```
#b2d7cc
```
#b2d7cc rgb(178,215,204)
```
#bfded5
```
#bfded5 rgb(191,222,213)
```
#cce4dd
```
#cce4dd rgb(204,228,221)
```
#d9ebe6
```
#d9ebe6 rgb(217,235,230)
```
#e6f2ee
```
#e6f2ee rgb(230,242,238)
```
#f3f9f7
```
#f3f9f7 rgb(243,249,247)
```

Tint Color Variation

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

#313232
```
#313232 rgb(49,50,50)
```
#2d3633
```
#2d3633 rgb(45,54,51)
```
#2a3935
```
#2a3935 rgb(42,57,53)
```
#263d36
```
#263d36 rgb(38,61,54)
```
#224138
```
#224138 rgb(34,65,56)
```
#1e453a
```
#1e453a rgb(30,69,58)
```
#1a493b
```
#1a493b rgb(26,73,59)
```
#174c3d
```
#174c3d rgb(23,76,61)
```
#13503e
```
#13503e rgb(19,80,62)
```
#0f5440
```
#0f5440 rgb(15,84,64)
```
#0b5842
```
#0b5842 rgb(11,88,66)
```
#075c43
```
#075c43 rgb(7,92,67)
```
#045f45
```
#045f45 rgb(4,95,69)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#333937 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48453f Protanopia 1% of men
#4b4344 Deuteranopia 1% of men
#31494e Tritanopia 0.001% of the population

Trichromacy

#3a433c Protanomaly 1% of men, 0.01% of women
#3c4240 Deuteranomaly 6% of men, 0.4% of women
#2b4646 Tritanomaly 0.01% of the population

#224138 hex color

#224138 Color Information

#224138 Color Conversion

Color Schemes with #224138

Alternatives to #224138

#224138 Preview

Shades and Tints of #224138

Tones of #224138

Color Blindness Simulator