#223142 hex color

In a RGB color space, hex #223142 is composed of 13.3% red, 19.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 25.8% magenta, 0% yellow and 74.1% black. It has a hue angle of 211.9 degrees, a saturation of 32% and a lightness of 19.6%. #223142 color hex could be obtained by blending #446284 with #000000. Closest websafe color is: #333333.

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

● #223142 color description : Very dark desaturated blue.

The hexadecimal color #223142 has RGB values of R:34, G:49, B:66 and CMYK values of C:0.48, M:0.26, Y:0, K:0.74. Its decimal value is 2240834.

Hex triplet	223142	`#223142`
RGB Decimal	34, 49, 66	`rgb(34,49,66)`
RGB Percent	13.3, 19.2, 25.9	`rgb(13.3%,19.2%,25.9%)`
CMYK	48, 26, 0, 74
HSL	211.9°, 32, 19.6	`hsl(211.9,32%,19.6%)`
HSV (or HSB)	211.9°, 48.5, 25.9
Web Safe	333333	`#333333`

CIE-LAB	19.761, -0.81, -12.609
XYZ	2.741, 2.93, 5.575
xyY	0.244, 0.261, 2.93
CIE-LCH	19.761, 12.635, 266.325
CIE-LUV	19.761, -6.407, -13.491
Hunter-Lab	17.117, -1.37, -7.329
Binary	00100010, 00110001, 01000010

#223142
```
#223142 rgb(34,49,66)
```
#423322
```
#423322 rgb(66,51,34)
```

Complementary Color

#224142
```
#224142 rgb(34,65,66)
```
#223142
```
#223142 rgb(34,49,66)
```
#232242
```
#232242 rgb(35,34,66)
```

Analogous Color

#414222
```
#414222 rgb(65,66,34)
```
#223142
```
#223142 rgb(34,49,66)
```
#422322
```
#422322 rgb(66,35,34)
```

Split Complementary Color

#314222
```
#314222 rgb(49,66,34)
```
#223142
```
#223142 rgb(34,49,66)
```
#422231
```
#422231 rgb(66,34,49)
```

Triadic Color

#224233
```
#224233 rgb(34,66,51)
```
#223142
```
#223142 rgb(34,49,66)
```
#422231
```
#422231 rgb(66,34,49)
```
#423322
```
#423322 rgb(66,51,34)
```

Tetradic Color

#080c10
```
#080c10 rgb(8,12,16)
```
#111820
```
#111820 rgb(17,24,32)
```
#192531
```
#192531 rgb(25,37,49)
```
#223142
```
#223142 rgb(34,49,66)
```
#2b3d53
```
#2b3d53 rgb(43,61,83)
```
#334a64
```
#334a64 rgb(51,74,100)
```
#3c5674
```
#3c5674 rgb(60,86,116)
```

Monochromatic Color

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

#223942
```
#223942 rgb(34,57,66)
```
#223642
```
#223642 rgb(34,54,66)
```
#223442
```
#223442 rgb(34,52,66)
```
#223142
```
#223142 rgb(34,49,66)
```
#222e42
```
#222e42 rgb(34,46,66)
```
#222c42
```
#222c42 rgb(34,44,66)
```
#222942
```
#222942 rgb(34,41,66)
```

Similar Colors

Text with hexadecimal color #223142

This text has a font color of #223142.

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

#223142 background color

This paragraph has a background color of #223142.

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

#223142 border color

This element has a border color of #223142.

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

CSS codes

.text {color:#223142;}

.background {background-color:#223142;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0e141b
```
#0e141b rgb(14,20,27)
```
#151e28
```
#151e28 rgb(21,30,40)
```
#1b2735
```
#1b2735 rgb(27,39,53)
```
#223142
```
#223142 rgb(34,49,66)
```
#293b4f
```
#293b4f rgb(41,59,79)
```
#2f445c
```
#2f445c rgb(47,68,92)
```
#364e69
```
#364e69 rgb(54,78,105)
```
#3d5776
```
#3d5776 rgb(61,87,118)
```
#436183
```
#436183 rgb(67,97,131)
```
#4a6b90
```
#4a6b90 rgb(74,107,144)
```
#51749d
```
#51749d rgb(81,116,157)
```

Shade Color Variation

#587ea9
```
#587ea9 rgb(88,126,169)
```
#6588b0
```
#6588b0 rgb(101,136,176)
```
#7292b6
```
#7292b6 rgb(114,146,182)
```
#7f9cbd
```
#7f9cbd rgb(127,156,189)
```
#8ca6c4
```
#8ca6c4 rgb(140,166,196)
```
#99b0ca
```
#99b0ca rgb(153,176,202)
```
#a6bad1
```
#a6bad1 rgb(166,186,209)
```
#b3c4d8
```
#b3c4d8 rgb(179,196,216)
```
#c0cede
```
#c0cede rgb(192,206,222)
```
#ccd8e5
```
#ccd8e5 rgb(204,216,229)
```
#d9e2ec
```
#d9e2ec rgb(217,226,236)
```
#e6ecf2
```
#e6ecf2 rgb(230,236,242)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

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

#313233
```
#313233 rgb(49,50,51)
```
#2e3236
```
#2e3236 rgb(46,50,54)
```
#2a313a
```
#2a313a rgb(42,49,58)
```
#26313e
```
#26313e rgb(38,49,62)
```
#223142
```
#223142 rgb(34,49,66)
```
#1e3146
```
#1e3146 rgb(30,49,70)
```
#1a314a
```
#1a314a rgb(26,49,74)
```
#16304e
```
#16304e rgb(22,48,78)
```
#133051
```
#133051 rgb(19,48,81)
```
#0f3055
```
#0f3055 rgb(15,48,85)
```
#0b3059
```
#0b3059 rgb(11,48,89)
```
#072f5d
```
#072f5d rgb(7,47,93)
```
#032f61
```
#032f61 rgb(3,47,97)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2c2f32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35394a Protanopia 1% of men
#35394c Deuteranopia 1% of men
#2a3d42 Tritanopia 0.001% of the population

Trichromacy

#2e3647 Protanomaly 1% of men, 0.01% of women
#2e3648 Deuteranomaly 6% of men, 0.4% of women
#273942 Tritanomaly 0.01% of the population

#223142 hex color

#223142 Color Information

#223142 Color Conversion

Color Schemes with #223142

Alternatives to #223142

#223142 Preview

Shades and Tints of #223142

Tones of #223142

Color Blindness Simulator