#227f94 hex color

In a RGB color space, hex #227f94 is composed of 13.3% red, 49.8% green and 58% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 14.2% magenta, 0% yellow and 42% black. It has a hue angle of 191.1 degrees, a saturation of 62.6% and a lightness of 35.7%. #227f94 color hex could be obtained by blending #44feff with #000029. Closest websafe color is: #336699.

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

● #227f94 color description : Dark cyan.

The hexadecimal color #227f94 has RGB values of R:34, G:127, B:148 and CMYK values of C:0.77, M:0.14, Y:0, K:0.42. Its decimal value is 2260884.

Hex triplet	227f94	`#227f94`
RGB Decimal	34, 127, 148	`rgb(34,127,148)`
RGB Percent	13.3, 49.8, 58	`rgb(13.3%,49.8%,58%)`
CMYK	77, 14, 0, 42
HSL	191.1°, 62.6, 35.7	`hsl(191.1,62.6%,35.7%)`
HSV (or HSB)	191.1°, 77, 58
Web Safe	336699	`#336699`

CIE-LAB	49.076, -19.026, -18.956
XYZ	13.593, 17.656, 30.707
xyY	0.219, 0.285, 17.656
CIE-LCH	49.076, 26.857, 224.895
CIE-LUV	49.076, -32.606, -25.206
Hunter-Lab	42.019, -15.789, -13.915
Binary	00100010, 01111111, 10010100

#227f94
```
#227f94 rgb(34,127,148)
```
#943722
```
#943722 rgb(148,55,34)
```

Complementary Color

#229470
```
#229470 rgb(34,148,112)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#224694
```
#224694 rgb(34,70,148)
```

Analogous Color

#947022
```
#947022 rgb(148,112,34)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#942246
```
#942246 rgb(148,34,70)
```

Split Complementary Color

#7f9422
```
#7f9422 rgb(127,148,34)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#94227f
```
#94227f rgb(148,34,127)
```

Triadic Color

#229437
```
#229437 rgb(34,148,55)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#94227f
```
#94227f rgb(148,34,127)
```
#943722
```
#943722 rgb(148,55,34)
```

Tetradic Color

#144a56
```
#144a56 rgb(20,74,86)
```
#185b6b
```
#185b6b rgb(24,91,107)
```
#1d6d7f
```
#1d6d7f rgb(29,109,127)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#2791a9
```
#2791a9 rgb(39,145,169)
```
#2ca3bd
```
#2ca3bd rgb(44,163,189)
```
#32b3d0
```
#32b3d0 rgb(50,179,208)
```

Monochromatic Color

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

#22948d
```
#22948d rgb(34,148,141)
```
#229294
```
#229294 rgb(34,146,148)
```
#228994
```
#228994 rgb(34,137,148)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#227694
```
#227694 rgb(34,118,148)
```
#226c94
```
#226c94 rgb(34,108,148)
```
#226394
```
#226394 rgb(34,99,148)
```

Similar Colors

Text with hexadecimal color #227f94

This text has a font color of #227f94.

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

#227f94 background color

This paragraph has a background color of #227f94.

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

#227f94 border color

This element has a border color of #227f94.

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

CSS codes

.text {color:#227f94;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051114
```
#051114 rgb(5,17,20)
```
#081f24
```
#081f24 rgb(8,31,36)
```
#0c2d34
```
#0c2d34 rgb(12,45,52)
```
#103b44
```
#103b44 rgb(16,59,68)
```
#134854
```
#134854 rgb(19,72,84)
```
#175664
```
#175664 rgb(23,86,100)
```
#1b6474
```
#1b6474 rgb(27,100,116)
```
#1e7184
```
#1e7184 rgb(30,113,132)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#268da4
```
#268da4 rgb(38,141,164)
```
#299ab4
```
#299ab4 rgb(41,154,180)
```
#2da8c4
```
#2da8c4 rgb(45,168,196)
```

Shade Color Variation

#34b4d0
```
#34b4d0 rgb(52,180,208)
```
#44bad4
```
#44bad4 rgb(68,186,212)
```
#54bfd8
```
#54bfd8 rgb(84,191,216)
```
#64c5db
```
#64c5db rgb(100,197,219)
```
#74cbdf
```
#74cbdf rgb(116,203,223)
```
#84d1e3
```
#84d1e3 rgb(132,209,227)
```
#94d7e6
```
#94d7e6 rgb(148,215,230)
```
#a4ddea
```
#a4ddea rgb(164,221,234)
```
#b4e3ee
```
#b4e3ee rgb(180,227,238)
```
#c4e9f1
```
#c4e9f1 rgb(196,233,241)
```
#d4eff5
```
#d4eff5 rgb(212,239,245)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#536063
```
#536063 rgb(83,96,99)
```
#4c646a
```
#4c646a rgb(76,100,106)
```
#456971
```
#456971 rgb(69,105,113)
```
#3e6d78
```
#3e6d78 rgb(62,109,120)
```
#37727f
```
#37727f rgb(55,114,127)
```
#307686
```
#307686 rgb(48,118,134)
```
#297b8d
```
#297b8d rgb(41,123,141)
```
#227f94
```
#227f94 rgb(34,127,148)
```
#1b839b
```
#1b839b rgb(27,131,155)
```
#1488a2
```
#1488a2 rgb(20,136,162)
```
#0d8ca9
```
#0d8ca9 rgb(13,140,169)
```
#0691b0
```
#0691b0 rgb(6,145,176)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#767a92 Protanopia 1% of men
#73799e Deuteranopia 1% of men
#248791 Tritanopia 0.001% of the population

Trichromacy

#577c93 Protanomaly 1% of men, 0.01% of women
#557b9a Deuteranomaly 6% of men, 0.4% of women
#238492 Tritanomaly 0.01% of the population

#227f94 hex color

#227f94 Color Information

#227f94 Color Conversion

Color Schemes with #227f94

Alternatives to #227f94

#227f94 Preview

Shades and Tints of #227f94

Tones of #227f94

Color Blindness Simulator