#225c66 hex color

In a RGB color space, hex #225c66 is composed of 13.3% red, 36.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 9.8% magenta, 0% yellow and 60% black. It has a hue angle of 188.8 degrees, a saturation of 50% and a lightness of 26.7%. #225c66 color hex could be obtained by blending #44b8cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 36
- B 40
RGB color chart
- C 67
- M 10
- Y 0
- K 60
CMYK color chart

● #225c66 color description : Very dark cyan.

The hexadecimal color #225c66 has RGB values of R:34, G:92, B:102 and CMYK values of C:0.67, M:0.1, Y:0, K:0.6. Its decimal value is 2251878.

Hex triplet	225c66	`#225c66`
RGB Decimal	34, 92, 102	`rgb(34,92,102)`
RGB Percent	13.3, 36.1, 40	`rgb(13.3%,36.1%,40%)`
CMYK	67, 10, 0, 60
HSL	188.8°, 50, 26.7	`hsl(188.8,50%,26.7%)`
HSV (or HSB)	188.8°, 66.7, 40
Web Safe	336666	`#336666`

CIE-LAB	35.894, -15.257, -11.316
XYZ	6.884, 8.953, 13.935
xyY	0.231, 0.301, 8.953
CIE-LCH	35.894, 18.996, 216.565
CIE-LUV	35.894, -22.094, -13.059
Hunter-Lab	29.922, -11.294, -6.667
Binary	00100010, 01011100, 01100110

#225c66
```
#225c66 rgb(34,92,102)
```
#662c22
```
#662c22 rgb(102,44,34)
```

Complementary Color

#22664e
```
#22664e rgb(34,102,78)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#223a66
```
#223a66 rgb(34,58,102)
```

Analogous Color

#664e22
```
#664e22 rgb(102,78,34)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#66223a
```
#66223a rgb(102,34,58)
```

Split Complementary Color

#5c6622
```
#5c6622 rgb(92,102,34)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#66225c
```
#66225c rgb(102,34,92)
```

Triadic Color

#22662c
```
#22662c rgb(34,102,44)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#66225c
```
#66225c rgb(102,34,92)
```
#662c22
```
#662c22 rgb(102,44,34)
```

Tetradic Color

#0f282d
```
#0f282d rgb(15,40,45)
```
#153a40
```
#153a40 rgb(21,58,64)
```
#1c4b53
```
#1c4b53 rgb(28,75,83)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#286d79
```
#286d79 rgb(40,109,121)
```
#2f7f8c
```
#2f7f8c rgb(47,127,140)
```
#35909f
```
#35909f rgb(53,144,159)
```

Monochromatic Color

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

#22665f
```
#22665f rgb(34,102,95)
```
#226665
```
#226665 rgb(34,102,101)
```
#226266
```
#226266 rgb(34,98,102)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#225666
```
#225666 rgb(34,86,102)
```
#225166
```
#225166 rgb(34,81,102)
```
#224b66
```
#224b66 rgb(34,75,102)
```

Similar Colors

Text with hexadecimal color #225c66

This text has a font color of #225c66.

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

#225c66 background color

This paragraph has a background color of #225c66.

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

#225c66 border color

This element has a border color of #225c66.

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

CSS codes

.text {color:#225c66;}

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

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

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

#050c0e
```
#050c0e rgb(5,12,14)
```
#091a1c
```
#091a1c rgb(9,26,28)
```
#0e272b
```
#0e272b rgb(14,39,43)
```
#13343a
```
#13343a rgb(19,52,58)
```
#184149
```
#184149 rgb(24,65,73)
```
#1d4f57
```
#1d4f57 rgb(29,79,87)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#276975
```
#276975 rgb(39,105,117)
```
#2c7783
```
#2c7783 rgb(44,119,131)
```
#318492
```
#318492 rgb(49,132,146)
```
#3691a1
```
#3691a1 rgb(54,145,161)
```
#3b9eb0
```
#3b9eb0 rgb(59,158,176)
```
#3facbe
```
#3facbe rgb(63,172,190)
```

Shade Color Variation

#4db2c4
```
#4db2c4 rgb(77,178,196)
```
#5cb9c9
```
#5cb9c9 rgb(92,185,201)
```
#6bbfce
```
#6bbfce rgb(107,191,206)
```
#7ac5d3
```
#7ac5d3 rgb(122,197,211)
```
#88ccd7
```
#88ccd7 rgb(136,204,215)
```
#97d2dc
```
#97d2dc rgb(151,210,220)
```
#a6d9e1
```
#a6d9e1 rgb(166,217,225)
```
#b4dfe6
```
#b4dfe6 rgb(180,223,230)
```
#c3e5eb
```
#c3e5eb rgb(195,229,235)
```
#d2ecf0
```
#d2ecf0 rgb(210,236,240)
```
#e1f2f5
```
#e1f2f5 rgb(225,242,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#414647
```
#414647 rgb(65,70,71)
```
#3c4a4c
```
#3c4a4c rgb(60,74,76)
```
#374d51
```
#374d51 rgb(55,77,81)
```
#325156
```
#325156 rgb(50,81,86)
```
#2c555c
```
#2c555c rgb(44,85,92)
```
#275861
```
#275861 rgb(39,88,97)
```
#225c66
```
#225c66 rgb(34,92,102)
```
#1d606b
```
#1d606b rgb(29,96,107)
```
#186370
```
#186370 rgb(24,99,112)
```
#126776
```
#126776 rgb(18,103,118)
```
#0d6b7b
```
#0d6b7b rgb(13,107,123)
```
#086e80
```
#086e80 rgb(8,110,128)
```
#037285
```
#037285 rgb(3,114,133)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#444f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5c69 Protanopia 1% of men
#5b5b71 Deuteranopia 1% of men
#2c646c Tritanopia 0.001% of the population

Trichromacy

#465c68 Protanomaly 1% of men, 0.01% of women
#465b6d Deuteranomaly 6% of men, 0.4% of women
#286169 Tritanomaly 0.01% of the population

#225c66 hex color

#225c66 Color Information

#225c66 Color Conversion

Color Schemes with #225c66

Alternatives to #225c66

#225c66 Preview

Shades and Tints of #225c66

Tones of #225c66

Color Blindness Simulator