#225f6c hex color

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

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

● #225f6c color description : Very dark cyan.

The hexadecimal color #225f6c has RGB values of R:34, G:95, B:108 and CMYK values of C:0.69, M:0.12, Y:0, K:0.58. Its decimal value is 2252652.

Hex triplet	225f6c	`#225f6c`
RGB Decimal	34, 95, 108	`rgb(34,95,108)`
RGB Percent	13.3, 37.3, 42.4	`rgb(13.3%,37.3%,42.4%)`
CMYK	69, 12, 0, 58
HSL	190.5°, 52.1, 27.8	`hsl(190.5,52.1%,27.8%)`
HSV (or HSB)	190.5°, 68.5, 42.4
Web Safe	336666	`#336666`

CIE-LAB	37.127, -14.938, -13.162
XYZ	7.458, 9.607, 15.648
xyY	0.228, 0.294, 9.607
CIE-LCH	37.127, 19.909, 221.382
CIE-LUV	37.127, -22.952, -15.818
Hunter-Lab	30.995, -11.29, -8.237
Binary	00100010, 01011111, 01101100

#225f6c
```
#225f6c rgb(34,95,108)
```
#6c2f22
```
#6c2f22 rgb(108,47,34)
```

Complementary Color

#226c54
```
#226c54 rgb(34,108,84)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#223a6c
```
#223a6c rgb(34,58,108)
```

Analogous Color

#6c5422
```
#6c5422 rgb(108,84,34)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#6c223a
```
#6c223a rgb(108,34,58)
```

Split Complementary Color

#5f6c22
```
#5f6c22 rgb(95,108,34)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#6c225f
```
#6c225f rgb(108,34,95)
```

Triadic Color

#226c2f
```
#226c2f rgb(34,108,47)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#6c225f
```
#6c225f rgb(108,34,95)
```
#6c2f22
```
#6c2f22 rgb(108,47,34)
```

Tetradic Color

#102c32
```
#102c32 rgb(16,44,50)
```
#163d45
```
#163d45 rgb(22,61,69)
```
#1c4e59
```
#1c4e59 rgb(28,78,89)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#28707f
```
#28707f rgb(40,112,127)
```
#2e8193
```
#2e8193 rgb(46,129,147)
```
#3492a6
```
#3492a6 rgb(52,146,166)
```

Monochromatic Color

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

#226c67
```
#226c67 rgb(34,108,103)
```
#226b6c
```
#226b6c rgb(34,107,108)
```
#22656c
```
#22656c rgb(34,101,108)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#22596c
```
#22596c rgb(34,89,108)
```
#22536c
```
#22536c rgb(34,83,108)
```
#224d6c
```
#224d6c rgb(34,77,108)
```

Similar Colors

Text with hexadecimal color #225f6c

This text has a font color of #225f6c.

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

#225f6c background color

This paragraph has a background color of #225f6c.

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

#225f6c border color

This element has a border color of #225f6c.

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

CSS codes

.text {color:#225f6c;}

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

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

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)
```
#0f2b30
```
#0f2b30 rgb(15,43,48)
```
#14383f
```
#14383f rgb(20,56,63)
```
#19454e
```
#19454e rgb(25,69,78)
```
#1d525d
```
#1d525d rgb(29,82,93)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#276c7b
```
#276c7b rgb(39,108,123)
```
#2b798a
```
#2b798a rgb(43,121,138)
```
#308699
```
#308699 rgb(48,134,153)
```
#3593a8
```
#3593a8 rgb(53,147,168)
```
#39a1b7
```
#39a1b7 rgb(57,161,183)
```

Shade Color Variation

#41acc3
```
#41acc3 rgb(65,172,195)
```
#50b3c8
```
#50b3c8 rgb(80,179,200)
```
#5eb9cc
```
#5eb9cc rgb(94,185,204)
```
#6dc0d1
```
#6dc0d1 rgb(109,192,209)
```
#7cc6d6
```
#7cc6d6 rgb(124,198,214)
```
#8bcddb
```
#8bcddb rgb(139,205,219)
```
#9ad3df
```
#9ad3df rgb(154,211,223)
```
#a9dae4
```
#a9dae4 rgb(169,218,228)
```
#b8e0e9
```
#b8e0e9 rgb(184,224,233)
```
#c7e7ed
```
#c7e7ed rgb(199,231,237)
```
#d6edf2
```
#d6edf2 rgb(214,237,242)
```
#e5f4f7
```
#e5f4f7 rgb(229,244,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 #01748d is the most saturated one.

#434a4b
```
#434a4b rgb(67,74,75)
```
#3d4d51
```
#3d4d51 rgb(61,77,81)
```
#385156
```
#385156 rgb(56,81,86)
```
#32545c
```
#32545c rgb(50,84,92)
```
#2d5861
```
#2d5861 rgb(45,88,97)
```
#275b67
```
#275b67 rgb(39,91,103)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#1d6371
```
#1d6371 rgb(29,99,113)
```
#176677
```
#176677 rgb(23,102,119)
```
#126a7c
```
#126a7c rgb(18,106,124)
```
#0c6d82
```
#0c6d82 rgb(12,109,130)
```
#077187
```
#077187 rgb(7,113,135)
```
#01748d
```
#01748d rgb(1,116,141)
```

Tone Color Variation

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

#5c5f6e Protanopia 1% of men
#5c5e77 Deuteranopia 1% of men
#2a686f Tritanopia 0.001% of the population

Trichromacy

#475f6d Protanomaly 1% of men, 0.01% of women
#475e73 Deuteranomaly 6% of men, 0.4% of women
#27646e Tritanomaly 0.01% of the population

#225f6c hex color

#225f6c Color Information

#225f6c Color Conversion

Color Schemes with #225f6c

Alternatives to #225f6c

#225f6c Preview

Shades and Tints of #225f6c

Tones of #225f6c

Color Blindness Simulator