#223ac0 hex color

In a RGB color space, hex #223ac0 is composed of 13.3% red, 22.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 69.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 230.9 degrees, a saturation of 69.9% and a lightness of 44.3%. #223ac0 color hex could be obtained by blending #4474ff with #000081. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 23
- B 75
RGB color chart
- C 82
- M 70
- Y 0
- K 25
CMYK color chart

● #223ac0 color description : Strong blue.

The hexadecimal color #223ac0 has RGB values of R:34, G:58, B:192 and CMYK values of C:0.82, M:0.7, Y:0, K:0.25. Its decimal value is 2243264.

Hex triplet	223ac0	`#223ac0`
RGB Decimal	34, 58, 192	`rgb(34,58,192)`
RGB Percent	13.3, 22.7, 75.3	`rgb(13.3%,22.7%,75.3%)`
CMYK	82, 70, 0, 25
HSL	230.9°, 69.9, 44.3	`hsl(230.9,69.9%,44.3%)`
HSV (or HSB)	230.9°, 82.3, 75.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.193, 40.89, -71.858
XYZ	11.685, 7.171, 50.635
xyY	0.168, 0.103, 7.171
CIE-LCH	32.193, 82.678, 299.642
CIE-LUV	32.193, -10.657, -96.391
Hunter-Lab	26.779, 31.027, -93.362
Binary	00100010, 00111010, 11000000

#223ac0
```
#223ac0 rgb(34,58,192)
```
#c0a822
```
#c0a822 rgb(192,168,34)
```

Complementary Color

#2289c0
```
#2289c0 rgb(34,137,192)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#5922c0
```
#5922c0 rgb(89,34,192)
```

Analogous Color

#89c022
```
#89c022 rgb(137,192,34)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#c05922
```
#c05922 rgb(192,89,34)
```

Split Complementary Color

#3ac022
```
#3ac022 rgb(58,192,34)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#c0223a
```
#c0223a rgb(192,34,58)
```

Triadic Color

#22c0a8
```
#22c0a8 rgb(34,192,168)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#c0223a
```
#c0223a rgb(192,34,58)
```
#c0a822
```
#c0a822 rgb(192,168,34)
```

Tetradic Color

#16267f
```
#16267f rgb(22,38,127)
```
#1a2d95
```
#1a2d95 rgb(26,45,149)
```
#1e33aa
```
#1e33aa rgb(30,51,170)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#2641d6
```
#2641d6 rgb(38,65,214)
```
#3952dc
```
#3952dc rgb(57,82,220)
```
#4f65e0
```
#4f65e0 rgb(79,101,224)
```

Monochromatic Color

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

#2262c0
```
#2262c0 rgb(34,98,192)
```
#2254c0
```
#2254c0 rgb(34,84,192)
```
#2247c0
```
#2247c0 rgb(34,71,192)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#222dc0
```
#222dc0 rgb(34,45,192)
```
#2422c0
```
#2422c0 rgb(36,34,192)
```
#3122c0
```
#3122c0 rgb(49,34,192)
```

Similar Colors

Text with hexadecimal color #223ac0

This text has a font color of #223ac0.

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

#223ac0 background color

This paragraph has a background color of #223ac0.

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

#223ac0 border color

This element has a border color of #223ac0.

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

CSS codes

.text {color:#223ac0;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#040819
```
#040819 rgb(4,8,25)
```
#070d2a
```
#070d2a rgb(7,13,42)
```
#0a123b
```
#0a123b rgb(10,18,59)
```
#0d174b
```
#0d174b rgb(13,23,75)
```
#101c5c
```
#101c5c rgb(16,28,92)
```
#13216d
```
#13216d rgb(19,33,109)
```
#16267d
```
#16267d rgb(22,38,125)
```
#192b8e
```
#192b8e rgb(25,43,142)
```
#1c309f
```
#1c309f rgb(28,48,159)
```
#1f35af
```
#1f35af rgb(31,53,175)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#253fd1
```
#253fd1 rgb(37,63,209)
```

Shade Color Variation

#2f49da
```
#2f49da rgb(47,73,218)
```
#4058dd
```
#4058dd rgb(64,88,221)
```
#5066e0
```
#5066e0 rgb(80,102,224)
```
#6175e3
```
#6175e3 rgb(97,117,227)
```
#7283e6
```
#7283e6 rgb(114,131,230)
```
#8292e9
```
#8292e9 rgb(130,146,233)
```
#93a1ec
```
#93a1ec rgb(147,161,236)
```
#a4afef
```
#a4afef rgb(164,175,239)
```
#b4bef2
```
#b4bef2 rgb(180,190,242)
```
#c5ccf5
```
#c5ccf5 rgb(197,204,245)
```
#d6dbf8
```
#d6dbf8 rgb(214,219,248)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#707072
```
#707072 rgb(112,112,114)
```
#686a7a
```
#686a7a rgb(104,106,122)
```
#5f6483
```
#5f6483 rgb(95,100,131)
```
#565e8c
```
#565e8c rgb(86,94,140)
```
#4d5895
```
#4d5895 rgb(77,88,149)
```
#45529d
```
#45529d rgb(69,82,157)
```
#3c4ca6
```
#3c4ca6 rgb(60,76,166)
```
#3346af
```
#3346af rgb(51,70,175)
```
#2b40b7
```
#2b40b7 rgb(43,64,183)
```
#223ac0
```
#223ac0 rgb(34,58,192)
```
#1934c9
```
#1934c9 rgb(25,52,201)
```
#112ed1
```
#112ed1 rgb(17,46,209)
```
#0828da
```
#0828da rgb(8,40,218)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3c405b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#0c49ac Protanomaly 1% of men, 0.01% of women
#0c4c9e Deuteranomaly 6% of men, 0.4% of women
#0c5084 Tritanomaly 0.01% of the population

#223ac0 hex color

#223ac0 Color Information

#223ac0 Color Conversion

Color Schemes with #223ac0

Alternatives to #223ac0

#223ac0 Preview

Shades and Tints of #223ac0

Tones of #223ac0

Color Blindness Simulator