#223950 hex color

In a RGB color space, hex #223950 is composed of 13.3% red, 22.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 28.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 210 degrees, a saturation of 40.4% and a lightness of 22.4%. #223950 color hex could be obtained by blending #4472a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 22
- B 31
RGB color chart
- C 58
- M 29
- Y 0
- K 69
CMYK color chart

● #223950 color description : Very dark desaturated blue.

The hexadecimal color #223950 has RGB values of R:34, G:57, B:80 and CMYK values of C:0.58, M:0.29, Y:0, K:0.69. Its decimal value is 2242896.

Hex triplet	223950	`#223950`
RGB Decimal	34, 57, 80	`rgb(34,57,80)`
RGB Percent	13.3, 22.4, 31.4	`rgb(13.3%,22.4%,31.4%)`
CMYK	58, 29, 0, 69
HSL	210°, 40.4, 22.4	`hsl(210,40.4%,22.4%)`
HSV (or HSB)	210°, 57.5, 31.4
Web Safe	333366	`#333366`

CIE-LAB	23.153, -1.31, -16.758
XYZ	3.57, 3.845, 8.143
xyY	0.229, 0.247, 3.845
CIE-LCH	23.153, 16.809, 265.532
CIE-LUV	23.153, -9.376, -19.388
Hunter-Lab	19.61, -1.816, -10.894
Binary	00100010, 00111001, 01010000

#223950
```
#223950 rgb(34,57,80)
```
#503922
```
#503922 rgb(80,57,34)
```

Complementary Color

#225050
```
#225050 rgb(34,80,80)
```
#223950
```
#223950 rgb(34,57,80)
```
#222250
```
#222250 rgb(34,34,80)
```

Analogous Color

#505022
```
#505022 rgb(80,80,34)
```
#223950
```
#223950 rgb(34,57,80)
```
#502222
```
#502222 rgb(80,34,34)
```

Split Complementary Color

#395022
```
#395022 rgb(57,80,34)
```
#223950
```
#223950 rgb(34,57,80)
```
#502239
```
#502239 rgb(80,34,57)
```

Triadic Color

#225039
```
#225039 rgb(34,80,57)
```
#223950
```
#223950 rgb(34,57,80)
```
#502239
```
#502239 rgb(80,34,57)
```
#503922
```
#503922 rgb(80,57,34)
```

Tetradic Color

#0b131a
```
#0b131a rgb(11,19,26)
```
#13202c
```
#13202c rgb(19,32,44)
```
#1a2c3e
```
#1a2c3e rgb(26,44,62)
```
#223950
```
#223950 rgb(34,57,80)
```
#2a4662
```
#2a4662 rgb(42,70,98)
```
#315374
```
#315374 rgb(49,83,116)
```
#395f86
```
#395f86 rgb(57,95,134)
```

Monochromatic Color

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

#224550
```
#224550 rgb(34,69,80)
```
#224150
```
#224150 rgb(34,65,80)
```
#223d50
```
#223d50 rgb(34,61,80)
```
#223950
```
#223950 rgb(34,57,80)
```
#223550
```
#223550 rgb(34,53,80)
```
#223150
```
#223150 rgb(34,49,80)
```
#222e50
```
#222e50 rgb(34,46,80)
```

Similar Colors

Text with hexadecimal color #223950

This text has a font color of #223950.

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

#223950 background color

This paragraph has a background color of #223950.

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

#223950 border color

This element has a border color of #223950.

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

CSS codes

.text {color:#223950;}

.background {background-color:#223950;}

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

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, #05080b is the darkest color, while #fcfdfe is the lightest one.

#05080b
```
#05080b rgb(5,8,11)
```
#0b1219
```
#0b1219 rgb(11,18,25)
```
#101c27
```
#101c27 rgb(16,28,39)
```
#162534
```
#162534 rgb(22,37,52)
```
#1c2f42
```
#1c2f42 rgb(28,47,66)
```
#223950
```
#223950 rgb(34,57,80)
```
#28435e
```
#28435e rgb(40,67,94)
```
#2e4d6c
```
#2e4d6c rgb(46,77,108)
```
#345679
```
#345679 rgb(52,86,121)
```
#396087
```
#396087 rgb(57,96,135)
```
#3f6a95
```
#3f6a95 rgb(63,106,149)
```
#4574a3
```
#4574a3 rgb(69,116,163)
```
#4b7eb0
```
#4b7eb0 rgb(75,126,176)
```

Shade Color Variation

#5787b8
```
#5787b8 rgb(87,135,184)
```
#6591be
```
#6591be rgb(101,145,190)
```
#739bc3
```
#739bc3 rgb(115,155,195)
```
#81a5c9
```
#81a5c9 rgb(129,165,201)
```
#8eafcf
```
#8eafcf rgb(142,175,207)
```
#9cb9d5
```
#9cb9d5 rgb(156,185,213)
```
#aac2db
```
#aac2db rgb(170,194,219)
```
#b8cce1
```
#b8cce1 rgb(184,204,225)
```
#c5d6e6
```
#c5d6e6 rgb(197,214,230)
```
#d3e0ec
```
#d3e0ec rgb(211,224,236)
```
#e1eaf2
```
#e1eaf2 rgb(225,234,242)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #38393a is the less saturated color, while #03396f is the most saturated one.

#38393a
```
#38393a rgb(56,57,58)
```
#34393e
```
#34393e rgb(52,57,62)
```
#2f3943
```
#2f3943 rgb(47,57,67)
```
#2b3947
```
#2b3947 rgb(43,57,71)
```
#26394c
```
#26394c rgb(38,57,76)
```
#223950
```
#223950 rgb(34,57,80)
```
#1e3954
```
#1e3954 rgb(30,57,84)
```
#193959
```
#193959 rgb(25,57,89)
```
#15395d
```
#15395d rgb(21,57,93)
```
#103962
```
#103962 rgb(16,57,98)
```
#0c3966
```
#0c3966 rgb(12,57,102)
```
#08396a
```
#08396a rgb(8,57,106)
```
#03396f
```
#03396f rgb(3,57,111)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#31363a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4057 Protanopia 1% of men
#38415a Deuteranopia 1% of men
#27464b Tritanopia 0.001% of the population

Trichromacy

#313d54 Protanomaly 1% of men, 0.01% of women
#303e56 Deuteranomaly 6% of men, 0.4% of women
#25414c Tritanomaly 0.01% of the population

#223950 hex color

#223950 Color Information

#223950 Color Conversion

Color Schemes with #223950

Alternatives to #223950

#223950 Preview

Shades and Tints of #223950

Tones of #223950

Color Blindness Simulator