#227f84 hex color

In a RGB color space, hex #227f84 is composed of 13.3% red, 49.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 3.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 183.1 degrees, a saturation of 59% and a lightness of 32.5%. #227f84 color hex could be obtained by blending #44feff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 50
- B 52
RGB color chart
- C 74
- M 4
- Y 0
- K 48
CMYK color chart

● #227f84 color description : Dark cyan.

The hexadecimal color #227f84 has RGB values of R:34, G:127, B:132 and CMYK values of C:0.74, M:0.04, Y:0, K:0.48. Its decimal value is 2260868.

Hex triplet	227f84	`#227f84`
RGB Decimal	34, 127, 132	`rgb(34,127,132)`
RGB Percent	13.3, 49.8, 51.8	`rgb(13.3%,49.8%,51.8%)`
CMYK	74, 4, 0, 48
HSL	183.1°, 59, 32.5	`hsl(183.1,59%,32.5%)`
HSV (or HSB)	183.1°, 74.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	48.491, -24.301, -10.441
XYZ	12.413, 17.184, 24.491
xyY	0.229, 0.318, 17.184
CIE-LCH	48.491, 26.449, 203.251
CIE-LUV	48.491, -33.634, -11.532
Hunter-Lab	41.453, -19.093, -6.012
Binary	00100010, 01111111, 10000100

#227f84
```
#227f84 rgb(34,127,132)
```
#842722
```
#842722 rgb(132,39,34)
```

Complementary Color

#228458
```
#228458 rgb(34,132,88)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#224e84
```
#224e84 rgb(34,78,132)
```

Analogous Color

#845822
```
#845822 rgb(132,88,34)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#84224e
```
#84224e rgb(132,34,78)
```

Split Complementary Color

#7f8422
```
#7f8422 rgb(127,132,34)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#84227f
```
#84227f rgb(132,34,127)
```

Triadic Color

#228427
```
#228427 rgb(34,132,39)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#84227f
```
#84227f rgb(132,34,127)
```
#842722
```
#842722 rgb(132,39,34)
```

Tetradic Color

#124447
```
#124447 rgb(18,68,71)
```
#18585b
```
#18585b rgb(24,88,91)
```
#1d6b70
```
#1d6b70 rgb(29,107,112)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#279398
```
#279398 rgb(39,147,152)
```
#2ca6ad
```
#2ca6ad rgb(44,166,173)
```
#32bac1
```
#32bac1 rgb(50,186,193)
```

Monochromatic Color

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

#228471
```
#228471 rgb(34,132,113)
```
#228479
```
#228479 rgb(34,132,121)
```
#228481
```
#228481 rgb(34,132,129)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#227784
```
#227784 rgb(34,119,132)
```
#226f84
```
#226f84 rgb(34,111,132)
```
#226784
```
#226784 rgb(34,103,132)
```

Similar Colors

Text with hexadecimal color #227f84

This text has a font color of #227f84.

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

#227f84 background color

This paragraph has a background color of #227f84.

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

#227f84 border color

This element has a border color of #227f84.

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

CSS codes

.text {color:#227f84;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061617
```
#061617 rgb(6,22,23)
```
#0a2526
```
#0a2526 rgb(10,37,38)
```
#0e3436
```
#0e3436 rgb(14,52,54)
```
#124346
```
#124346 rgb(18,67,70)
```
#165255
```
#165255 rgb(22,82,85)
```
#1a6165
```
#1a6165 rgb(26,97,101)
```
#1e7074
```
#1e7074 rgb(30,112,116)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#268e94
```
#268e94 rgb(38,142,148)
```
#2a9da3
```
#2a9da3 rgb(42,157,163)
```
#2eacb3
```
#2eacb3 rgb(46,172,179)
```
#32bbc2
```
#32bbc2 rgb(50,187,194)
```

Shade Color Variation

#3bc5cd
```
#3bc5cd rgb(59,197,205)
```
#4bcad1
```
#4bcad1 rgb(75,202,209)
```
#5bced5
```
#5bced5 rgb(91,206,213)
```
#6ad3d9
```
#6ad3d9 rgb(106,211,217)
```
#7ad8dd
```
#7ad8dd rgb(122,216,221)
```
#89dce1
```
#89dce1 rgb(137,220,225)
```
#99e1e5
```
#99e1e5 rgb(153,225,229)
```
#a9e5e9
```
#a9e5e9 rgb(169,229,233)
```
#b8eaed
```
#b8eaed rgb(184,234,237)
```
#c8eff1
```
#c8eff1 rgb(200,239,241)
```
#d7f3f5
```
#d7f3f5 rgb(215,243,245)
```
#e7f8f9
```
#e7f8f9 rgb(231,248,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5757 is the less saturated color, while #029ca4 is the most saturated one.

#4f5757
```
#4f5757 rgb(79,87,87)
```
#485d5e
```
#485d5e rgb(72,93,94)
```
#426264
```
#426264 rgb(66,98,100)
```
#3c686a
```
#3c686a rgb(60,104,106)
```
#356e71
```
#356e71 rgb(53,110,113)
```
#2f7477
```
#2f7477 rgb(47,116,119)
```
#28797e
```
#28797e rgb(40,121,126)
```
#227f84
```
#227f84 rgb(34,127,132)
```
#1c858a
```
#1c858a rgb(28,133,138)
```
#158a91
```
#158a91 rgb(21,138,145)
```
#0f9097
```
#0f9097 rgb(15,144,151)
```
#08969e
```
#08969e rgb(8,150,158)
```
#029ca4
```
#029ca4 rgb(2,156,164)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#57696a Atypical Achromatopsia 0.001% of the population

Dichromacy

#797983 Protanopia 1% of men
#7a778f Deuteranopia 1% of men
#30848e Tritanopia 0.001% of the population

Trichromacy

#597b83 Protanomaly 1% of men, 0.01% of women
#5a7a8b Deuteranomaly 6% of men, 0.4% of women
#2b828a Tritanomaly 0.01% of the population

#227f84 hex color

#227f84 Color Information

#227f84 Color Conversion

Color Schemes with #227f84

Alternatives to #227f84

#227f84 Preview

Shades and Tints of #227f84

Tones of #227f84

Color Blindness Simulator