#227fae hex color

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

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

● #227fae color description : Dark blue.

The hexadecimal color #227fae has RGB values of R:34, G:127, B:174 and CMYK values of C:0.8, M:0.27, Y:0, K:0.32. Its decimal value is 2260910.

Hex triplet	227fae	`#227fae`
RGB Decimal	34, 127, 174	`rgb(34,127,174)`
RGB Percent	13.3, 49.8, 68.2	`rgb(13.3%,49.8%,68.2%)`
CMYK	80, 27, 0, 32
HSL	200.1°, 67.3, 40.8	`hsl(200.1,67.3%,40.8%)`
HSV (or HSB)	200.1°, 80.5, 68.2
Web Safe	336699	`#336699`

CIE-LAB	50.184, -9.851, -32.384
XYZ	15.887, 18.573, 42.79
xyY	0.206, 0.24, 18.573
CIE-LCH	50.184, 33.849, 253.081
CIE-LUV	50.184, -31.026, -47.641
Hunter-Lab	43.097, -9.618, -28.7
Binary	00100010, 01111111, 10101110

#227fae
```
#227fae rgb(34,127,174)
```
#ae5122
```
#ae5122 rgb(174,81,34)
```

Complementary Color

#22ae97
```
#22ae97 rgb(34,174,151)
```
#227fae
```
#227fae rgb(34,127,174)
```
#2239ae
```
#2239ae rgb(34,57,174)
```

Analogous Color

#ae9722
```
#ae9722 rgb(174,151,34)
```
#227fae
```
#227fae rgb(34,127,174)
```
#ae2239
```
#ae2239 rgb(174,34,57)
```

Split Complementary Color

#7fae22
```
#7fae22 rgb(127,174,34)
```
#227fae
```
#227fae rgb(34,127,174)
```
#ae227f
```
#ae227f rgb(174,34,127)
```

Triadic Color

#22ae51
```
#22ae51 rgb(34,174,81)
```
#227fae
```
#227fae rgb(34,127,174)
```
#ae227f
```
#ae227f rgb(174,34,127)
```
#ae5122
```
#ae5122 rgb(174,81,34)
```

Tetradic Color

#15506e
```
#15506e rgb(21,80,110)
```
#1a6083
```
#1a6083 rgb(26,96,131)
```
#1e6f99
```
#1e6f99 rgb(30,111,153)
```
#227fae
```
#227fae rgb(34,127,174)
```
#268fc3
```
#268fc3 rgb(38,143,195)
```
#2d9dd6
```
#2d9dd6 rgb(45,157,214)
```
#42a7da
```
#42a7da rgb(66,167,218)
```

Monochromatic Color

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

#22a2ae
```
#22a2ae rgb(34,162,174)
```
#2296ae
```
#2296ae rgb(34,150,174)
```
#228bae
```
#228bae rgb(34,139,174)
```
#227fae
```
#227fae rgb(34,127,174)
```
#2273ae
```
#2273ae rgb(34,115,174)
```
#2268ae
```
#2268ae rgb(34,104,174)
```
#225cae
```
#225cae rgb(34,92,174)
```

Similar Colors

Text with hexadecimal color #227fae

This text has a font color of #227fae.

<span style="color:#227fae;">Text here</span>

#227fae background color

This paragraph has a background color of #227fae.

<p style="background-color:#227fae;">Content here</p>

#227fae border color

This element has a border color of #227fae.

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

CSS codes

.text {color:#227fae;}

.background {background-color:#227fae;}

.border {border:1px solid #227fae;}

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

#02070a
```
#02070a rgb(2,7,10)
```
#05131a
```
#05131a rgb(5,19,26)
```
#081f2b
```
#081f2b rgb(8,31,43)
```
#0c2b3b
```
#0c2b3b rgb(12,43,59)
```
#0f374c
```
#0f374c rgb(15,55,76)
```
#12435c
```
#12435c rgb(18,67,92)
```
#154f6c
```
#154f6c rgb(21,79,108)
```
#185b7d
```
#185b7d rgb(24,91,125)
```
#1c678d
```
#1c678d rgb(28,103,141)
```
#1f739e
```
#1f739e rgb(31,115,158)
```
#227fae
```
#227fae rgb(34,127,174)
```
#258bbe
```
#258bbe rgb(37,139,190)
```
#2897cf
```
#2897cf rgb(40,151,207)
```

Shade Color Variation

#34a0d7
```
#34a0d7 rgb(52,160,215)
```
#44a8da
```
#44a8da rgb(68,168,218)
```
#54b0de
```
#54b0de rgb(84,176,222)
```
#65b7e1
```
#65b7e1 rgb(101,183,225)
```
#75bfe4
```
#75bfe4 rgb(117,191,228)
```
#86c7e7
```
#86c7e7 rgb(134,199,231)
```
#96ceea
```
#96ceea rgb(150,206,234)
```
#a6d6ee
```
#a6d6ee rgb(166,214,238)
```
#b7ddf1
```
#b7ddf1 rgb(183,221,241)
```
#c7e5f4
```
#c7e5f4 rgb(199,229,244)
```
#d8edf7
```
#d8edf7 rgb(216,237,247)
```
#e8f4fb
```
#e8f4fb rgb(232,244,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a6e is the less saturated color, while #028ace is the most saturated one.

#626a6e
```
#626a6e rgb(98,106,110)
```
#5a6d76
```
#5a6d76 rgb(90,109,118)
```
#526f7e
```
#526f7e rgb(82,111,126)
```
#4a7286
```
#4a7286 rgb(74,114,134)
```
#42748e
```
#42748e rgb(66,116,142)
```
#3a7796
```
#3a7796 rgb(58,119,150)
```
#327a9e
```
#327a9e rgb(50,122,158)
```
#2a7ca6
```
#2a7ca6 rgb(42,124,166)
```
#227fae
```
#227fae rgb(34,127,174)
```
#1a82b6
```
#1a82b6 rgb(26,130,182)
```
#1284be
```
#1284be rgb(18,132,190)
```
#0a87c6
```
#0a87c6 rgb(10,135,198)
```
#028ace
```
#028ace rgb(2,138,206)
```

Tone Color Variation

Below, you can see how #227fae 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

#696969 Achromatopsia 0.005% of the population
#5b6d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7cab Protanopia 1% of men
#637db5 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#527dac Protanomaly 1% of men, 0.01% of women
#4b7eb2 Deuteranomaly 6% of men, 0.4% of women
#0c869d Tritanomaly 0.01% of the population

#227fae hex color

#227fae Color Information

#227fae Color Conversion

Color Schemes with #227fae

Alternatives to #227fae

#227fae Preview

Shades and Tints of #227fae

Tones of #227fae

Color Blindness Simulator