#225cae hex color

In a RGB color space, hex #225cae is composed of 13.3% red, 36.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 47.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 215.1 degrees, a saturation of 67.3% and a lightness of 40.8%. #225cae color hex could be obtained by blending #44b8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 36
- B 68
RGB color chart
- C 80
- M 47
- Y 0
- K 32
CMYK color chart

● #225cae color description : Dark blue.

The hexadecimal color #225cae has RGB values of R:34, G:92, B:174 and CMYK values of C:0.8, M:0.47, Y:0, K:0.32. Its decimal value is 2251950.

Hex triplet	225cae	`#225cae`
RGB Decimal	34, 92, 174	`rgb(34,92,174)`
RGB Percent	13.3, 36.1, 68.2	`rgb(13.3%,36.1%,68.2%)`
CMYK	80, 47, 0, 32
HSL	215.1°, 67.3, 40.8	`hsl(215.1,67.3%,40.8%)`
HSV (or HSB)	215.1°, 80.5, 68.2
Web Safe	336699	`#336699`

CIE-LAB	39.664, 11.772, -49.078
XYZ	12.125, 11.049, 41.536
xyY	0.187, 0.171, 11.049
CIE-LCH	39.664, 50.47, 283.489
CIE-LUV	39.664, -19.333, -71.963
Hunter-Lab	33.241, 6.94, -50.817
Binary	00100010, 01011100, 10101110

#225cae
```
#225cae rgb(34,92,174)
```
#ae7422
```
#ae7422 rgb(174,116,34)
```

Complementary Color

#22a2ae
```
#22a2ae rgb(34,162,174)
```
#225cae
```
#225cae rgb(34,92,174)
```
#2e22ae
```
#2e22ae rgb(46,34,174)
```

Analogous Color

#a2ae22
```
#a2ae22 rgb(162,174,34)
```
#225cae
```
#225cae rgb(34,92,174)
```
#ae2e22
```
#ae2e22 rgb(174,46,34)
```

Split Complementary Color

#5cae22
```
#5cae22 rgb(92,174,34)
```
#225cae
```
#225cae rgb(34,92,174)
```
#ae225c
```
#ae225c rgb(174,34,92)
```

Triadic Color

#22ae74
```
#22ae74 rgb(34,174,116)
```
#225cae
```
#225cae rgb(34,92,174)
```
#ae225c
```
#ae225c rgb(174,34,92)
```
#ae7422
```
#ae7422 rgb(174,116,34)
```

Tetradic Color

#153a6e
```
#153a6e rgb(21,58,110)
```
#1a4583
```
#1a4583 rgb(26,69,131)
```
#1e5199
```
#1e5199 rgb(30,81,153)
```
#225cae
```
#225cae rgb(34,92,174)
```
#2667c3
```
#2667c3 rgb(38,103,195)
```
#2d73d6
```
#2d73d6 rgb(45,115,214)
```
#4281da
```
#4281da rgb(66,129,218)
```

Monochromatic Color

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

#227fae
```
#227fae rgb(34,127,174)
```
#2273ae
```
#2273ae rgb(34,115,174)
```
#2268ae
```
#2268ae rgb(34,104,174)
```
#225cae
```
#225cae rgb(34,92,174)
```
#2250ae
```
#2250ae rgb(34,80,174)
```
#2245ae
```
#2245ae rgb(34,69,174)
```
#2239ae
```
#2239ae rgb(34,57,174)
```

Similar Colors

Text with hexadecimal color #225cae

This text has a font color of #225cae.

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

#225cae background color

This paragraph has a background color of #225cae.

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

#225cae border color

This element has a border color of #225cae.

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

CSS codes

.text {color:#225cae;}

.background {background-color:#225cae;}

.border {border:1px solid #225cae;}

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

#02050a
```
#02050a rgb(2,5,10)
```
#050e1a
```
#050e1a rgb(5,14,26)
```
#08172b
```
#08172b rgb(8,23,43)
```
#0c1f3b
```
#0c1f3b rgb(12,31,59)
```
#0f284c
```
#0f284c rgb(15,40,76)
```
#12315c
```
#12315c rgb(18,49,92)
```
#15396c
```
#15396c rgb(21,57,108)
```
#18427d
```
#18427d rgb(24,66,125)
```
#1c4b8d
```
#1c4b8d rgb(28,75,141)
```
#1f539e
```
#1f539e rgb(31,83,158)
```
#225cae
```
#225cae rgb(34,92,174)
```
#2565be
```
#2565be rgb(37,101,190)
```
#286dcf
```
#286dcf rgb(40,109,207)
```

Shade Color Variation

#3477d7
```
#3477d7 rgb(52,119,215)
```
#4482da
```
#4482da rgb(68,130,218)
```
#548dde
```
#548dde rgb(84,141,222)
```
#6598e1
```
#6598e1 rgb(101,152,225)
```
#75a3e4
```
#75a3e4 rgb(117,163,228)
```
#86aee7
```
#86aee7 rgb(134,174,231)
```
#96b9ea
```
#96b9ea rgb(150,185,234)
```
#a6c4ee
```
#a6c4ee rgb(166,196,238)
```
#b7cff1
```
#b7cff1 rgb(183,207,241)
```
#c7daf4
```
#c7daf4 rgb(199,218,244)
```
#d8e5f7
```
#d8e5f7 rgb(216,229,247)
```
#e8f0fb
```
#e8f0fb rgb(232,240,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#62676e
```
#62676e rgb(98,103,110)
```
#5a6676
```
#5a6676 rgb(90,102,118)
```
#52647e
```
#52647e rgb(82,100,126)
```
#4a6386
```
#4a6386 rgb(74,99,134)
```
#42618e
```
#42618e rgb(66,97,142)
```
#3a6096
```
#3a6096 rgb(58,96,150)
```
#325f9e
```
#325f9e rgb(50,95,158)
```
#2a5da6
```
#2a5da6 rgb(42,93,166)
```
#225cae
```
#225cae rgb(34,92,174)
```
#1a5bb6
```
#1a5bb6 rgb(26,91,182)
```
#1259be
```
#1259be rgb(18,89,190)
```
#0a58c6
```
#0a58c6 rgb(10,88,198)
```
#0257ce
```
#0257ce rgb(2,87,206)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a5666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3963b1 Protanopia 1% of men
#0067ab Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#3160b0 Protanomaly 1% of men, 0.01% of women
#0c63ac Deuteranomaly 6% of men, 0.4% of women
#0c688a Tritanomaly 0.01% of the population

#225cae hex color

#225cae Color Information

#225cae Color Conversion

Color Schemes with #225cae

Alternatives to #225cae

#225cae Preview

Shades and Tints of #225cae

Tones of #225cae

Color Blindness Simulator