#245f5f hex color

In a RGB color space, hex #245f5f is composed of 14.1% red, 37.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 0% yellow and 62.7% black. It has a hue angle of 180 degrees, a saturation of 45% and a lightness of 25.7%. #245f5f color hex could be obtained by blending #48bebe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 14
- G 37
- B 37
RGB color chart
- C 62
- M 0
- Y 0
- K 63
CMYK color chart

● #245f5f color description : Very dark cyan.

The hexadecimal color #245f5f has RGB values of R:36, G:95, B:95 and CMYK values of C:0.62, M:0, Y:0, K:0.63. Its decimal value is 2383711.

Hex triplet	245f5f	`#245f5f`
RGB Decimal	36, 95, 95	`rgb(36,95,95)`
RGB Percent	14.1, 37.3, 37.3	`rgb(14.1%,37.3%,37.3%)`
CMYK	62, 0, 0, 63
HSL	180°, 45, 25.7	`hsl(180,45%,25.7%)`
HSV (or HSB)	180°, 62.1, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.716, -18.796, -5.726
XYZ	6.885, 9.385, 12.275
xyY	0.241, 0.329, 9.385
CIE-LCH	36.716, 19.649, 196.944
CIE-LUV	36.716, -23.181, -5.006
Hunter-Lab	30.635, -13.497, -2.311
Binary	00100100, 01011111, 01011111

#245f5f
```
#245f5f rgb(36,95,95)
```
#5f2424
```
#5f2424 rgb(95,36,36)
```

Complementary Color

#245f42
```
#245f42 rgb(36,95,66)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#24425f
```
#24425f rgb(36,66,95)
```

Analogous Color

#5f4224
```
#5f4224 rgb(95,66,36)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#5f2442
```
#5f2442 rgb(95,36,66)
```

Split Complementary Color

#5f5f24
```
#5f5f24 rgb(95,95,36)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#5f245f
```
#5f245f rgb(95,36,95)
```

Triadic Color

#245f24
```
#245f24 rgb(36,95,36)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#5f245f
```
#5f245f rgb(95,36,95)
```
#5f2424
```
#5f2424 rgb(95,36,36)
```

Tetradic Color

#0f2828
```
#0f2828 rgb(15,40,40)
```
#163a3a
```
#163a3a rgb(22,58,58)
```
#1d4d4d
```
#1d4d4d rgb(29,77,77)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#2b7171
```
#2b7171 rgb(43,113,113)
```
#328484
```
#328484 rgb(50,132,132)
```
#399696
```
#399696 rgb(57,150,150)
```

Monochromatic Color

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

#245f50
```
#245f50 rgb(36,95,80)
```
#245f55
```
#245f55 rgb(36,95,85)
```
#245f5a
```
#245f5a rgb(36,95,90)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#245a5f
```
#245a5f rgb(36,90,95)
```
#24555f
```
#24555f rgb(36,85,95)
```
#24505f
```
#24505f rgb(36,80,95)
```

Similar Colors

Text with hexadecimal color #245f5f

This text has a font color of #245f5f.

<span style="color:#245f5f;">Text here</span>

#245f5f background color

This paragraph has a background color of #245f5f.

<p style="background-color:#245f5f;">Content here</p>

#245f5f border color

This element has a border color of #245f5f.

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

CSS codes

.text {color:#245f5f;}

.background {background-color:#245f5f;}

.border {border:1px solid #245f5f;}

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, #040a0a is the darkest color, while #fafdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#091818
```
#091818 rgb(9,24,24)
```
#0e2626
```
#0e2626 rgb(14,38,38)
```
#143434
```
#143434 rgb(20,52,52)
```
#194343
```
#194343 rgb(25,67,67)
```
#1f5151
```
#1f5151 rgb(31,81,81)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#296d6d
```
#296d6d rgb(41,109,109)
```
#2f7b7b
```
#2f7b7b rgb(47,123,123)
```
#348a8a
```
#348a8a rgb(52,138,138)
```
#3a9898
```
#3a9898 rgb(58,152,152)
```
#3fa6a6
```
#3fa6a6 rgb(63,166,166)
```
#44b4b4
```
#44b4b4 rgb(68,180,180)
```

Shade Color Variation

#50bdbd
```
#50bdbd rgb(80,189,189)
```
#5ec2c2
```
#5ec2c2 rgb(94,194,194)
```
#6cc7c7
```
#6cc7c7 rgb(108,199,199)
```
#7acdcd
```
#7acdcd rgb(122,205,205)
```
#89d2d2
```
#89d2d2 rgb(137,210,210)
```
#97d8d8
```
#97d8d8 rgb(151,216,216)
```
#a5dddd
```
#a5dddd rgb(165,221,221)
```
#b3e2e2
```
#b3e2e2 rgb(179,226,226)
```
#c2e8e8
```
#c2e8e8 rgb(194,232,232)
```
#d0eded
```
#d0eded rgb(208,237,237)
```
#def2f2
```
#def2f2 rgb(222,242,242)
```
#ecf8f8
```
#ecf8f8 rgb(236,248,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#3d4646
```
#3d4646 rgb(61,70,70)
```
#384b4b
```
#384b4b rgb(56,75,75)
```
#335050
```
#335050 rgb(51,80,80)
```
#2e5555
```
#2e5555 rgb(46,85,85)
```
#295a5a
```
#295a5a rgb(41,90,90)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#1f6464
```
#1f6464 rgb(31,100,100)
```
#1a6969
```
#1a6969 rgb(26,105,105)
```
#156e6e
```
#156e6e rgb(21,110,110)
```
#107373
```
#107373 rgb(16,115,115)
```
#0b7878
```
#0b7878 rgb(11,120,120)
```
#067d7d
```
#067d7d rgb(6,125,125)
```
#018282
```
#018282 rgb(1,130,130)
```

Tone Color Variation

Below, you can see how #245f5f 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

#4d4d4d Achromatopsia 0.005% of the population
#455151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5e62 Protanopia 1% of men
#625c6b Deuteranopia 1% of men
#32666d Tritanopia 0.001% of the population

Trichromacy

#495e61 Protanomaly 1% of men, 0.01% of women
#4b5d66 Deuteranomaly 6% of men, 0.4% of women
#2d6368 Tritanomaly 0.01% of the population

#245f5f hex color

#245f5f Color Information

#245f5f Color Conversion

Color Schemes with #245f5f

Alternatives to #245f5f

#245f5f Preview

Shades and Tints of #245f5f

Tones of #245f5f

Color Blindness Simulator