#223a95 hex color

In a RGB color space, hex #223a95 is composed of 13.3% red, 22.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 61.1% magenta, 0% yellow and 41.6% black. It has a hue angle of 227.5 degrees, a saturation of 62.8% and a lightness of 35.9%. #223a95 color hex could be obtained by blending #4474ff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 23
- B 58
RGB color chart
- C 77
- M 61
- Y 0
- K 42
CMYK color chart

● #223a95 color description : Dark blue.

The hexadecimal color #223a95 has RGB values of R:34, G:58, B:149 and CMYK values of C:0.77, M:0.61, Y:0, K:0.42. Its decimal value is 2243221.

Hex triplet	223a95	`#223a95`
RGB Decimal	34, 58, 149	`rgb(34,58,149)`
RGB Percent	13.3, 22.7, 58.4	`rgb(13.3%,22.7%,58.4%)`
CMYK	77, 61, 0, 42
HSL	227.5°, 62.8, 35.9	`hsl(227.5,62.8%,35.9%)`
HSV (or HSB)	227.5°, 77.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	28.209, 24.817, -52.605
XYZ	7.596, 5.536, 29.1
xyY	0.18, 0.131, 5.536
CIE-LCH	28.209, 58.165, 295.256
CIE-LUV	28.209, -9.926, -69.067
Hunter-Lab	23.528, 16.458, -56.863
Binary	00100010, 00111010, 10010101

#223a95
```
#223a95 rgb(34,58,149)
```
#957d22
```
#957d22 rgb(149,125,34)
```

Complementary Color

#227495
```
#227495 rgb(34,116,149)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#442295
```
#442295 rgb(68,34,149)
```

Analogous Color

#749522
```
#749522 rgb(116,149,34)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#954422
```
#954422 rgb(149,68,34)
```

Split Complementary Color

#3a9522
```
#3a9522 rgb(58,149,34)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#95223a
```
#95223a rgb(149,34,58)
```

Triadic Color

#22957d
```
#22957d rgb(34,149,125)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#95223a
```
#95223a rgb(149,34,58)
```
#957d22
```
#957d22 rgb(149,125,34)
```

Tetradic Color

#142257
```
#142257 rgb(20,34,87)
```
#192a6b
```
#192a6b rgb(25,42,107)
```
#1d3280
```
#1d3280 rgb(29,50,128)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#2742aa
```
#2742aa rgb(39,66,170)
```
#2b4abf
```
#2b4abf rgb(43,74,191)
```
#3354d0
```
#3354d0 rgb(51,84,208)
```

Monochromatic Color

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

#225795
```
#225795 rgb(34,87,149)
```
#224d95
```
#224d95 rgb(34,77,149)
```
#224495
```
#224495 rgb(34,68,149)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#223095
```
#223095 rgb(34,48,149)
```
#222795
```
#222795 rgb(34,39,149)
```
#272295
```
#272295 rgb(39,34,149)
```

Similar Colors

Text with hexadecimal color #223a95

This text has a font color of #223a95.

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

#223a95 background color

This paragraph has a background color of #223a95.

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

#223a95 border color

This element has a border color of #223a95.

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

CSS codes

.text {color:#223a95;}

.background {background-color:#223a95;}

.border {border:1px solid #223a95;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050815
```
#050815 rgb(5,8,21)
```
#080e25
```
#080e25 rgb(8,14,37)
```
#0c1535
```
#0c1535 rgb(12,21,53)
```
#101b45
```
#101b45 rgb(16,27,69)
```
#132155
```
#132155 rgb(19,33,85)
```
#172765
```
#172765 rgb(23,39,101)
```
#1b2e75
```
#1b2e75 rgb(27,46,117)
```
#1e3485
```
#1e3485 rgb(30,52,133)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#2640a5
```
#2640a5 rgb(38,64,165)
```
#2946b5
```
#2946b5 rgb(41,70,181)
```
#2d4dc5
```
#2d4dc5 rgb(45,77,197)
```

Shade Color Variation

#3555d1
```
#3555d1 rgb(53,85,209)
```
#4563d4
```
#4563d4 rgb(69,99,212)
```
#5570d8
```
#5570d8 rgb(85,112,216)
```
#657ddc
```
#657ddc rgb(101,125,220)
```
#758bdf
```
#758bdf rgb(117,139,223)
```
#8498e3
```
#8498e3 rgb(132,152,227)
```
#94a6e7
```
#94a6e7 rgb(148,166,231)
```
#a4b3ea
```
#a4b3ea rgb(164,179,234)
```
#b4c0ee
```
#b4c0ee rgb(180,192,238)
```
#c4cef2
```
#c4cef2 rgb(196,206,242)
```
#d4dbf5
```
#d4dbf5 rgb(212,219,245)
```
#e4e9f9
```
#e4e9f9 rgb(228,233,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5d is the less saturated color, while #062ab1 is the most saturated one.

#5a5b5d
```
#5a5b5d rgb(90,91,93)
```
#535764
```
#535764 rgb(83,87,100)
```
#4c536b
```
#4c536b rgb(76,83,107)
```
#454f72
```
#454f72 rgb(69,79,114)
```
#3e4a79
```
#3e4a79 rgb(62,74,121)
```
#374680
```
#374680 rgb(55,70,128)
```
#304287
```
#304287 rgb(48,66,135)
```
#293e8e
```
#293e8e rgb(41,62,142)
```
#223a95
```
#223a95 rgb(34,58,149)
```
#1b369c
```
#1b369c rgb(27,54,156)
```
#1432a3
```
#1432a3 rgb(20,50,163)
```
#0d2eaa
```
#0d2eaa rgb(13,46,170)
```
#062ab1
```
#062ab1 rgb(6,42,177)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#383c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#0c4492 Protanomaly 1% of men, 0.01% of women
#0c4686 Deuteranomaly 6% of men, 0.4% of women
#0c4a6e Tritanomaly 0.01% of the population

#223a95 hex color

#223a95 Color Information

#223a95 Color Conversion

Color Schemes with #223a95

Alternatives to #223a95

#223a95 Preview

Shades and Tints of #223a95

Tones of #223a95

Color Blindness Simulator