#223c94 hex color

In a RGB color space, hex #223c94 is composed of 13.3% red, 23.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 59.5% magenta, 0% yellow and 42% black. It has a hue angle of 226.3 degrees, a saturation of 62.6% and a lightness of 35.7%. #223c94 color hex could be obtained by blending #4478ff with #000029. Closest websafe color is: #333399.

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

● #223c94 color description : Dark blue.

The hexadecimal color #223c94 has RGB values of R:34, G:60, B:148 and CMYK values of C:0.77, M:0.59, Y:0, K:0.42. Its decimal value is 2243732.

Hex triplet	223c94	`#223c94`
RGB Decimal	34, 60, 148	`rgb(34,60,148)`
RGB Percent	13.3, 23.5, 58	`rgb(13.3%,23.5%,58%)`
CMYK	77, 59, 0, 42
HSL	226.3°, 62.6, 35.7	`hsl(226.3,62.6%,35.7%)`
HSV (or HSB)	226.3°, 77, 58
Web Safe	333399	`#333399`

CIE-LAB	28.667, 23.063, -51.245
XYZ	7.62, 5.709, 28.716
xyY	0.181, 0.136, 5.709
CIE-LCH	28.667, 56.196, 294.23
CIE-LUV	28.667, -10.418, -67.798
Hunter-Lab	23.894, 15.107, -54.528
Binary	00100010, 00111100, 10010100

#223c94
```
#223c94 rgb(34,60,148)
```
#947a22
```
#947a22 rgb(148,122,34)
```

Complementary Color

#227594
```
#227594 rgb(34,117,148)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#412294
```
#412294 rgb(65,34,148)
```

Analogous Color

#759422
```
#759422 rgb(117,148,34)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#944122
```
#944122 rgb(148,65,34)
```

Split Complementary Color

#3c9422
```
#3c9422 rgb(60,148,34)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#94223c
```
#94223c rgb(148,34,60)
```

Triadic Color

#22947a
```
#22947a rgb(34,148,122)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#94223c
```
#94223c rgb(148,34,60)
```
#947a22
```
#947a22 rgb(148,122,34)
```

Tetradic Color

#142356
```
#142356 rgb(20,35,86)
```
#182b6b
```
#182b6b rgb(24,43,107)
```
#1d347f
```
#1d347f rgb(29,52,127)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#2744a9
```
#2744a9 rgb(39,68,169)
```
#2c4dbd
```
#2c4dbd rgb(44,77,189)
```
#3256d0
```
#3256d0 rgb(50,86,208)
```

Monochromatic Color

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

#225994
```
#225994 rgb(34,89,148)
```
#224f94
```
#224f94 rgb(34,79,148)
```
#224694
```
#224694 rgb(34,70,148)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#223394
```
#223394 rgb(34,51,148)
```
#222994
```
#222994 rgb(34,41,148)
```
#252294
```
#252294 rgb(37,34,148)
```

Similar Colors

Text with hexadecimal color #223c94

This text has a font color of #223c94.

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

#223c94 background color

This paragraph has a background color of #223c94.

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

#223c94 border color

This element has a border color of #223c94.

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

CSS codes

.text {color:#223c94;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050814
```
#050814 rgb(5,8,20)
```
#080f24
```
#080f24 rgb(8,15,36)
```
#0c1534
```
#0c1534 rgb(12,21,52)
```
#101c44
```
#101c44 rgb(16,28,68)
```
#132254
```
#132254 rgb(19,34,84)
```
#172964
```
#172964 rgb(23,41,100)
```
#1b2f74
```
#1b2f74 rgb(27,47,116)
```
#1e3684
```
#1e3684 rgb(30,54,132)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#2642a4
```
#2642a4 rgb(38,66,164)
```
#2949b4
```
#2949b4 rgb(41,73,180)
```
#2d4fc4
```
#2d4fc4 rgb(45,79,196)
```

Shade Color Variation

#3458d0
```
#3458d0 rgb(52,88,208)
```
#4465d4
```
#4465d4 rgb(68,101,212)
```
#5472d8
```
#5472d8 rgb(84,114,216)
```
#647fdb
```
#647fdb rgb(100,127,219)
```
#748cdf
```
#748cdf rgb(116,140,223)
```
#8499e3
```
#8499e3 rgb(132,153,227)
```
#94a7e6
```
#94a7e6 rgb(148,167,230)
```
#a4b4ea
```
#a4b4ea rgb(164,180,234)
```
#b4c1ee
```
#b4c1ee rgb(180,193,238)
```
#c4cef1
```
#c4cef1 rgb(196,206,241)
```
#d4dbf5
```
#d4dbf5 rgb(212,219,245)
```
#e4e8f9
```
#e4e8f9 rgb(228,232,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#5a5a5c
```
#5a5a5c rgb(90,90,92)
```
#535763
```
#535763 rgb(83,87,99)
```
#4c536a
```
#4c536a rgb(76,83,106)
```
#454f71
```
#454f71 rgb(69,79,113)
```
#3e4b78
```
#3e4b78 rgb(62,75,120)
```
#37477f
```
#37477f rgb(55,71,127)
```
#304486
```
#304486 rgb(48,68,134)
```
#29408d
```
#29408d rgb(41,64,141)
```
#223c94
```
#223c94 rgb(34,60,148)
```
#1b389b
```
#1b389b rgb(27,56,155)
```
#1434a2
```
#1434a2 rgb(20,52,162)
```
#0d31a9
```
#0d31a9 rgb(13,49,169)
```
#062db0
```
#062db0 rgb(6,45,176)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#383e4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a92 Protanopia 1% of men
#004f80 Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#0c4593 Protanomaly 1% of men, 0.01% of women
#0c4887 Deuteranomaly 6% of men, 0.4% of women
#0c4b6f Tritanomaly 0.01% of the population

#223c94 hex color

#223c94 Color Information

#223c94 Color Conversion

Color Schemes with #223c94

Alternatives to #223c94

#223c94 Preview

Shades and Tints of #223c94

Tones of #223c94

Color Blindness Simulator