#227d8c hex color

In a RGB color space, hex #227d8c is composed of 13.3% red, 49% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 10.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 188.5 degrees, a saturation of 60.9% and a lightness of 34.1%. #227d8c color hex could be obtained by blending #44faff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 49
- B 55
RGB color chart
- C 76
- M 11
- Y 0
- K 45
CMYK color chart

● #227d8c color description : Dark cyan.

The hexadecimal color #227d8c has RGB values of R:34, G:125, B:140 and CMYK values of C:0.76, M:0.11, Y:0, K:0.45. Its decimal value is 2260364.

Hex triplet	227d8c	`#227d8c`
RGB Decimal	34, 125, 140	`rgb(34,125,140)`
RGB Percent	13.3, 49, 54.9	`rgb(13.3%,49%,54.9%)`
CMYK	76, 11, 0, 45
HSL	188.5°, 60.9, 34.1	`hsl(188.5,60.9%,34.1%)`
HSV (or HSB)	188.5°, 75.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	48.133, -20.647, -15.695
XYZ	12.726, 16.9, 27.401
xyY	0.223, 0.296, 16.9
CIE-LCH	48.133, 25.935, 217.24
CIE-LUV	48.133, -32.379, -19.903
Hunter-Lab	41.109, -16.685, -10.743
Binary	00100010, 01111101, 10001100

#227d8c
```
#227d8c rgb(34,125,140)
```
#8c3122
```
#8c3122 rgb(140,49,34)
```

Complementary Color

#228c66
```
#228c66 rgb(34,140,102)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#22488c
```
#22488c rgb(34,72,140)
```

Analogous Color

#8c6622
```
#8c6622 rgb(140,102,34)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#8c2248
```
#8c2248 rgb(140,34,72)
```

Split Complementary Color

#7d8c22
```
#7d8c22 rgb(125,140,34)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#8c227d
```
#8c227d rgb(140,34,125)
```

Triadic Color

#228c31
```
#228c31 rgb(34,140,49)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#8c227d
```
#8c227d rgb(140,34,125)
```
#8c3122
```
#8c3122 rgb(140,49,34)
```

Tetradic Color

#13464e
```
#13464e rgb(19,70,78)
```
#185863
```
#185863 rgb(24,88,99)
```
#1d6b77
```
#1d6b77 rgb(29,107,119)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#278fa1
```
#278fa1 rgb(39,143,161)
```
#2ca2b5
```
#2ca2b5 rgb(44,162,181)
```
#31b4ca
```
#31b4ca rgb(49,180,202)
```

Monochromatic Color

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

#228c81
```
#228c81 rgb(34,140,129)
```
#228c89
```
#228c89 rgb(34,140,137)
```
#22868c
```
#22868c rgb(34,134,140)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#22748c
```
#22748c rgb(34,116,140)
```
#226b8c
```
#226b8c rgb(34,107,140)
```
#22638c
```
#22638c rgb(34,99,140)
```

Similar Colors

Text with hexadecimal color #227d8c

This text has a font color of #227d8c.

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

#227d8c background color

This paragraph has a background color of #227d8c.

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

#227d8c border color

This element has a border color of #227d8c.

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

CSS codes

.text {color:#227d8c;}

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

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

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, #030c0e is the darkest color, while #fdfeff is the lightest one.

#030c0e
```
#030c0e rgb(3,12,14)
```
#071a1e
```
#071a1e rgb(7,26,30)
```
#0b282d
```
#0b282d rgb(11,40,45)
```
#0f373d
```
#0f373d rgb(15,55,61)
```
#13454d
```
#13454d rgb(19,69,77)
```
#17535d
```
#17535d rgb(23,83,93)
```
#1a616c
```
#1a616c rgb(26,97,108)
```
#1e6f7c
```
#1e6f7c rgb(30,111,124)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#268b9c
```
#268b9c rgb(38,139,156)
```
#2a99ac
```
#2a99ac rgb(42,153,172)
```
#2da7bb
```
#2da7bb rgb(45,167,187)
```
#31b5cb
```
#31b5cb rgb(49,181,203)
```

Shade Color Variation

#40bcd1
```
#40bcd1 rgb(64,188,209)
```
#4fc2d4
```
#4fc2d4 rgb(79,194,212)
```
#5fc7d8
```
#5fc7d8 rgb(95,199,216)
```
#6fcddc
```
#6fcddc rgb(111,205,220)
```
#7fd2e0
```
#7fd2e0 rgb(127,210,224)
```
#8ed8e4
```
#8ed8e4 rgb(142,216,228)
```
#9edde8
```
#9edde8 rgb(158,221,232)
```
#aee3eb
```
#aee3eb rgb(174,227,235)
```
#bee8ef
```
#bee8ef rgb(190,232,239)
```
#ceeef3
```
#ceeef3 rgb(206,238,243)
```
#ddf3f7
```
#ddf3f7 rgb(221,243,247)
```
#edf9fb
```
#edf9fb rgb(237,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515b5d is the less saturated color, while #0195ad is the most saturated one.

#515b5d
```
#515b5d rgb(81,91,93)
```
#4a6064
```
#4a6064 rgb(74,96,100)
```
#43656b
```
#43656b rgb(67,101,107)
```
#3d6a71
```
#3d6a71 rgb(61,106,113)
```
#366f78
```
#366f78 rgb(54,111,120)
```
#2f737f
```
#2f737f rgb(47,115,127)
```
#297885
```
#297885 rgb(41,120,133)
```
#227d8c
```
#227d8c rgb(34,125,140)
```
#1b8293
```
#1b8293 rgb(27,130,147)
```
#158799
```
#158799 rgb(21,135,153)
```
#0e8ba0
```
#0e8ba0 rgb(14,139,160)
```
#0790a7
```
#0790a7 rgb(7,144,167)
```
#0195ad
```
#0195ad rgb(1,149,173)
```

Tone Color Variation

Below, you can see how #227d8c 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
#57696c Atypical Achromatopsia 0.001% of the population

Dichromacy

#75788b Protanopia 1% of men
#747796 Deuteranopia 1% of men
#29848e Tritanopia 0.001% of the population

Trichromacy

#577a8b Protanomaly 1% of men, 0.01% of women
#567992 Deuteranomaly 6% of men, 0.4% of women
#27818d Tritanomaly 0.01% of the population

#227d8c hex color

#227d8c Color Information

#227d8c Color Conversion

Color Schemes with #227d8c

Alternatives to #227d8c

#227d8c Preview

Shades and Tints of #227d8c

Tones of #227d8c

Color Blindness Simulator