#225e6c hex color

In a RGB color space, hex #225e6c is composed of 13.3% red, 36.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 13% magenta, 0% yellow and 57.6% black. It has a hue angle of 191.4 degrees, a saturation of 52.1% and a lightness of 27.8%. #225e6c color hex could be obtained by blending #44bcd8 with #000000. Closest websafe color is: #336666.

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

● #225e6c color description : Very dark cyan.

The hexadecimal color #225e6c has RGB values of R:34, G:94, B:108 and CMYK values of C:0.69, M:0.13, Y:0, K:0.58. Its decimal value is 2252396.

Hex triplet	225e6c	`#225e6c`
RGB Decimal	34, 94, 108	`rgb(34,94,108)`
RGB Percent	13.3, 36.9, 42.4	`rgb(13.3%,36.9%,42.4%)`
CMYK	69, 13, 0, 58
HSL	191.4°, 52.1, 27.8	`hsl(191.4,52.1%,27.8%)`
HSV (or HSB)	191.4°, 68.5, 42.4
Web Safe	336666	`#336666`

CIE-LAB	36.795, -14.367, -13.667
XYZ	7.368, 9.428, 15.618
xyY	0.227, 0.291, 9.428
CIE-LCH	36.795, 19.829, 223.571
CIE-LUV	36.795, -22.57, -16.565
Hunter-Lab	30.704, -10.896, -8.665
Binary	00100010, 01011110, 01101100

#225e6c
```
#225e6c rgb(34,94,108)
```
#6c3022
```
#6c3022 rgb(108,48,34)
```

Complementary Color

#226c55
```
#226c55 rgb(34,108,85)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#22396c
```
#22396c rgb(34,57,108)
```

Analogous Color

#6c5522
```
#6c5522 rgb(108,85,34)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#6c2239
```
#6c2239 rgb(108,34,57)
```

Split Complementary Color

#5e6c22
```
#5e6c22 rgb(94,108,34)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#6c225e
```
#6c225e rgb(108,34,94)
```

Triadic Color

#226c30
```
#226c30 rgb(34,108,48)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#6c225e
```
#6c225e rgb(108,34,94)
```
#6c3022
```
#6c3022 rgb(108,48,34)
```

Tetradic Color

#102b32
```
#102b32 rgb(16,43,50)
```
#163c45
```
#163c45 rgb(22,60,69)
```
#1c4d59
```
#1c4d59 rgb(28,77,89)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#286f7f
```
#286f7f rgb(40,111,127)
```
#2e8093
```
#2e8093 rgb(46,128,147)
```
#3491a6
```
#3491a6 rgb(52,145,166)
```

Monochromatic Color

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

#226c68
```
#226c68 rgb(34,108,104)
```
#226a6c
```
#226a6c rgb(34,106,108)
```
#22646c
```
#22646c rgb(34,100,108)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#22586c
```
#22586c rgb(34,88,108)
```
#22526c
```
#22526c rgb(34,82,108)
```
#224c6c
```
#224c6c rgb(34,76,108)
```

Similar Colors

Text with hexadecimal color #225e6c

This text has a font color of #225e6c.

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

#225e6c background color

This paragraph has a background color of #225e6c.

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

#225e6c border color

This element has a border color of #225e6c.

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

CSS codes

.text {color:#225e6c;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1d21
```
#0b1d21 rgb(11,29,33)
```
#0f2a30
```
#0f2a30 rgb(15,42,48)
```
#14373f
```
#14373f rgb(20,55,63)
```
#19444e
```
#19444e rgb(25,68,78)
```
#1d515d
```
#1d515d rgb(29,81,93)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#276b7b
```
#276b7b rgb(39,107,123)
```
#2b788a
```
#2b788a rgb(43,120,138)
```
#308599
```
#308599 rgb(48,133,153)
```
#3592a8
```
#3592a8 rgb(53,146,168)
```
#399fb7
```
#399fb7 rgb(57,159,183)
```

Shade Color Variation

#41aac3
```
#41aac3 rgb(65,170,195)
```
#50b1c8
```
#50b1c8 rgb(80,177,200)
```
#5eb8cc
```
#5eb8cc rgb(94,184,204)
```
#6dbed1
```
#6dbed1 rgb(109,190,209)
```
#7cc5d6
```
#7cc5d6 rgb(124,197,214)
```
#8bccdb
```
#8bccdb rgb(139,204,219)
```
#9ad2df
```
#9ad2df rgb(154,210,223)
```
#a9d9e4
```
#a9d9e4 rgb(169,217,228)
```
#b8dfe9
```
#b8dfe9 rgb(184,223,233)
```
#c7e6ed
```
#c7e6ed rgb(199,230,237)
```
#d6edf2
```
#d6edf2 rgb(214,237,242)
```
#e5f3f7
```
#e5f3f7 rgb(229,243,247)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#434a4b
```
#434a4b rgb(67,74,75)
```
#3d4d51
```
#3d4d51 rgb(61,77,81)
```
#385056
```
#385056 rgb(56,80,86)
```
#32545c
```
#32545c rgb(50,84,92)
```
#2d5761
```
#2d5761 rgb(45,87,97)
```
#275b67
```
#275b67 rgb(39,91,103)
```
#225e6c
```
#225e6c rgb(34,94,108)
```
#1d6171
```
#1d6171 rgb(29,97,113)
```
#176577
```
#176577 rgb(23,101,119)
```
#12687c
```
#12687c rgb(18,104,124)
```
#0c6c82
```
#0c6c82 rgb(12,108,130)
```
#076f87
```
#076f87 rgb(7,111,135)
```
#01728d
```
#01728d rgb(1,114,141)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#455154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5e6e Protanopia 1% of men
#5b5d76 Deuteranopia 1% of men
#2a676e Tritanopia 0.001% of the population

Trichromacy

#465e6d Protanomaly 1% of men, 0.01% of women
#465d72 Deuteranomaly 6% of men, 0.4% of women
#27636d Tritanomaly 0.01% of the population

#225e6c hex color

#225e6c Color Information

#225e6c Color Conversion

Color Schemes with #225e6c

Alternatives to #225e6c

#225e6c Preview

Shades and Tints of #225e6c

Tones of #225e6c

Color Blindness Simulator