colorhexa.com

#223bae hex color

In a RGB color space, hex #223bae is composed of 13.3% red, 23.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 66.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 229.3 degrees, a saturation of 67.3% and a lightness of 40.8%. #223bae color hex could be obtained by blending #4476ff with #00005d. Closest websafe color is: #333399.

- R 13
- G 23
- B 68
RGB color chart
- C 80
- M 66
- Y 0
- K 32
CMYK color chart

● #223bae color description : Dark blue.

The hexadecimal color #223bae has RGB values of R:34, G:59, B:174 and CMYK values of C:0.8, M:0.66, Y:0, K:0.32. Its decimal value is 2243502.

Hex triplet	223bae	`#223bae`
RGB Decimal	34, 59, 174	`rgb(34,59,174)`
RGB Percent	13.3, 23.1, 68.2	`rgb(13.3%,23.1%,68.2%)`
CMYK	80, 66, 0, 32
HSL	229.3°, 67.3, 40.8	`hsl(229.3,67.3%,40.8%)`
HSV (or HSB)	229.3°, 80.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	30.696, 33.676, -63.656
XYZ	9.862, 6.523, 40.781
xyY	0.173, 0.114, 6.523
CIE-LCH	30.696, 72.015, 297.88
CIE-LUV	30.696, -10.522, -85.053
Hunter-Lab	25.541, 24.228, -76.791
Binary	00100010, 00111011, 10101110

#223bae
```
#223bae rgb(34,59,174)
```
#ae9522
```
#ae9522 rgb(174,149,34)
```

Complementary Color

#2281ae
```
#2281ae rgb(34,129,174)
```
#223bae
```
#223bae rgb(34,59,174)
```
#4f22ae
```
#4f22ae rgb(79,34,174)
```

Analogous Color

#81ae22
```
#81ae22 rgb(129,174,34)
```
#223bae
```
#223bae rgb(34,59,174)
```
#ae4f22
```
#ae4f22 rgb(174,79,34)
```

Split Complementary Color

#3bae22
```
#3bae22 rgb(59,174,34)
```
#223bae
```
#223bae rgb(34,59,174)
```
#ae223b
```
#ae223b rgb(174,34,59)
```

Triadic Color

#22ae95
```
#22ae95 rgb(34,174,149)
```
#223bae
```
#223bae rgb(34,59,174)
```
#ae223b
```
#ae223b rgb(174,34,59)
```
#ae9522
```
#ae9522 rgb(174,149,34)
```

Tetradic Color

#15256e
```
#15256e rgb(21,37,110)
```
#1a2d83
```
#1a2d83 rgb(26,45,131)
```
#1e3499
```
#1e3499 rgb(30,52,153)
```
#223bae
```
#223bae rgb(34,59,174)
```
#2642c3
```
#2642c3 rgb(38,66,195)
```
#2d4bd6
```
#2d4bd6 rgb(45,75,214)
```
#425dda
```
#425dda rgb(66,93,218)
```

Monochromatic Color

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

#225eae
```
#225eae rgb(34,94,174)
```
#2252ae
```
#2252ae rgb(34,82,174)
```
#2247ae
```
#2247ae rgb(34,71,174)
```
#223bae
```
#223bae rgb(34,59,174)
```
#222fae
```
#222fae rgb(34,47,174)
```
#2224ae
```
#2224ae rgb(34,36,174)
```
#2c22ae
```
#2c22ae rgb(44,34,174)
```

Similar Colors

Text with hexadecimal color #223bae

This text has a font color of #223bae.

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

#223bae background color

This paragraph has a background color of #223bae.

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

#223bae border color

This element has a border color of #223bae.

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

CSS codes

.text {color:#223bae;}

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

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

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, #02030a is the darkest color, while #f9f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#05091a
```
#05091a rgb(5,9,26)
```
#080e2b
```
#080e2b rgb(8,14,43)
```
#0c143b
```
#0c143b rgb(12,20,59)
```
#0f1a4c
```
#0f1a4c rgb(15,26,76)
```
#121f5c
```
#121f5c rgb(18,31,92)
```
#15256c
```
#15256c rgb(21,37,108)
```
#182a7d
```
#182a7d rgb(24,42,125)
```
#1c308d
```
#1c308d rgb(28,48,141)
```
#1f359e
```
#1f359e rgb(31,53,158)
```
#223bae
```
#223bae rgb(34,59,174)
```
#2541be
```
#2541be rgb(37,65,190)
```
#2846cf
```
#2846cf rgb(40,70,207)
```

Shade Color Variation

#3451d7
```
#3451d7 rgb(52,81,215)
```
#445fda
```
#445fda rgb(68,95,218)
```
#546dde
```
#546dde rgb(84,109,222)
```
#657be1
```
#657be1 rgb(101,123,225)
```
#7589e4
```
#7589e4 rgb(117,137,228)
```
#8697e7
```
#8697e7 rgb(134,151,231)
```
#96a5ea
```
#96a5ea rgb(150,165,234)
```
#a6b3ee
```
#a6b3ee rgb(166,179,238)
```
#b7c1f1
```
#b7c1f1 rgb(183,193,241)
```
#c7cff4
```
#c7cff4 rgb(199,207,244)
```
#d8ddf7
```
#d8ddf7 rgb(216,221,247)
```
#e8ebfb
```
#e8ebfb rgb(232,235,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62646e is the less saturated color, while #0226ce is the most saturated one.

#62646e
```
#62646e rgb(98,100,110)
```
#5a5f76
```
#5a5f76 rgb(90,95,118)
```
#525a7e
```
#525a7e rgb(82,90,126)
```
#4a5586
```
#4a5586 rgb(74,85,134)
```
#42508e
```
#42508e rgb(66,80,142)
```
#3a4a96
```
#3a4a96 rgb(58,74,150)
```
#32459e
```
#32459e rgb(50,69,158)
```
#2a40a6
```
#2a40a6 rgb(42,64,166)
```
#223bae
```
#223bae rgb(34,59,174)
```
#1a36b6
```
#1a36b6 rgb(26,54,182)
```
#1231be
```
#1231be rgb(18,49,190)
```
#0a2cc6
```
#0a2cc6 rgb(10,44,198)
```
#0226ce
```
#0226ce rgb(2,38,206)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3b4057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005386 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#0c47a1 Protanomaly 1% of men, 0.01% of women
#0c4a94 Deuteranomaly 6% of men, 0.4% of women
#0c4e7b Tritanomaly 0.01% of the population