#245a58 hex color

In a RGB color space, hex #245a58 is composed of 14.1% red, 35.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 2.2% yellow and 64.7% black. It has a hue angle of 177.8 degrees, a saturation of 42.9% and a lightness of 24.7%. #245a58 color hex could be obtained by blending #48b4b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 14
- G 35
- B 35
RGB color chart
- C 60
- M 0
- Y 2
- K 65
CMYK color chart

● #245a58 color description : Very dark cyan.

The hexadecimal color #245a58 has RGB values of R:36, G:90, B:88 and CMYK values of C:0.6, M:0, Y:0.02, K:0.65. Its decimal value is 2382424.

Hex triplet	245a58	`#245a58`
RGB Decimal	36, 90, 88	`rgb(36,90,88)`
RGB Percent	14.1, 35.3, 34.5	`rgb(14.1%,35.3%,34.5%)`
CMYK	60, 0, 2, 65
HSL	177.8°, 42.9, 24.7	`hsl(177.8,42.9%,24.7%)`
HSV (or HSB)	177.8°, 60, 35.3
Web Safe	336666	`#336666`

CIE-LAB	34.785, -18.229, -4.235
XYZ	6.145, 8.392, 10.528
xyY	0.245, 0.335, 8.392
CIE-LCH	34.785, 18.714, 193.08
CIE-LUV	34.785, -21.527, -3.031
Hunter-Lab	28.968, -12.831, -1.27
Binary	00100100, 01011010, 01011000

#245a58
```
#245a58 rgb(36,90,88)
```
#5a2426
```
#5a2426 rgb(90,36,38)
```

Complementary Color

#245a3d
```
#245a3d rgb(36,90,61)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#24415a
```
#24415a rgb(36,65,90)
```

Analogous Color

#5a3d24
```
#5a3d24 rgb(90,61,36)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#5a2441
```
#5a2441 rgb(90,36,65)
```

Split Complementary Color

#5a5824
```
#5a5824 rgb(90,88,36)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#58245a
```
#58245a rgb(88,36,90)
```

Triadic Color

#265a24
```
#265a24 rgb(38,90,36)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#58245a
```
#58245a rgb(88,36,90)
```
#5a2426
```
#5a2426 rgb(90,36,38)
```

Tetradic Color

#0e2323
```
#0e2323 rgb(14,35,35)
```
#153634
```
#153634 rgb(21,54,52)
```
#1d4846
```
#1d4846 rgb(29,72,70)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#2b6c6a
```
#2b6c6a rgb(43,108,106)
```
#337e7c
```
#337e7c rgb(51,126,124)
```
#3a918d
```
#3a918d rgb(58,145,141)
```

Monochromatic Color

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

#245a4b
```
#245a4b rgb(36,90,75)
```
#245a4f
```
#245a4f rgb(36,90,79)
```
#245a54
```
#245a54 rgb(36,90,84)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#24585a
```
#24585a rgb(36,88,90)
```
#24535a
```
#24535a rgb(36,83,90)
```
#244f5a
```
#244f5a rgb(36,79,90)
```

Similar Colors

Text with hexadecimal color #245a58

This text has a font color of #245a58.

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

#245a58 background color

This paragraph has a background color of #245a58.

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

#245a58 border color

This element has a border color of #245a58.

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

CSS codes

.text {color:#245a58;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081414
```
#081414 rgb(8,20,20)
```
#0e2221
```
#0e2221 rgb(14,34,33)
```
#13302f
```
#13302f rgb(19,48,47)
```
#193e3d
```
#193e3d rgb(25,62,61)
```
#1e4c4a
```
#1e4c4a rgb(30,76,74)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#2a6866
```
#2a6866 rgb(42,104,102)
```
#2f7673
```
#2f7673 rgb(47,118,115)
```
#358481
```
#358481 rgb(53,132,129)
```
#3a928f
```
#3a928f rgb(58,146,143)
```
#40a09c
```
#40a09c rgb(64,160,156)
```
#46aeaa
```
#46aeaa rgb(70,174,170)
```

Shade Color Variation

#4fb9b5
```
#4fb9b5 rgb(79,185,181)
```
#5dbebb
```
#5dbebb rgb(93,190,187)
```
#6bc4c0
```
#6bc4c0 rgb(107,196,192)
```
#79c9c6
```
#79c9c6 rgb(121,201,198)
```
#87cfcc
```
#87cfcc rgb(135,207,204)
```
#95d5d2
```
#95d5d2 rgb(149,213,210)
```
#a3dad8
```
#a3dad8 rgb(163,218,216)
```
#b1e0de
```
#b1e0de rgb(177,224,222)
```
#bfe5e4
```
#bfe5e4 rgb(191,229,228)
```
#cdebea
```
#cdebea rgb(205,235,234)
```
#dbf1f0
```
#dbf1f0 rgb(219,241,240)
```
#e9f6f6
```
#e9f6f6 rgb(233,246,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#3c4242
```
#3c4242 rgb(60,66,66)
```
#374746
```
#374746 rgb(55,71,70)
```
#334b4b
```
#334b4b rgb(51,75,75)
```
#2e504f
```
#2e504f rgb(46,80,79)
```
#295554
```
#295554 rgb(41,85,84)
```
#245a58
```
#245a58 rgb(36,90,88)
```
#1f5f5c
```
#1f5f5c rgb(31,95,92)
```
#1a6461
```
#1a6461 rgb(26,100,97)
```
#156965
```
#156965 rgb(21,105,101)
```
#116d6a
```
#116d6a rgb(17,109,106)
```
#0c726e
```
#0c726e rgb(12,114,110)
```
#077773
```
#077773 rgb(7,119,115)
```
#027c77
```
#027c77 rgb(2,124,119)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424d4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5a5c Protanopia 1% of men
#5e5864 Deuteranopia 1% of men
#336168 Tritanopia 0.001% of the population

Trichromacy

#475a5a Protanomaly 1% of men, 0.01% of women
#49595f Deuteranomaly 6% of men, 0.4% of women
#2d5e62 Tritanomaly 0.01% of the population

#245a58 hex color

#245a58 Color Information

#245a58 Color Conversion

Color Schemes with #245a58

Alternatives to #245a58

#245a58 Preview

Shades and Tints of #245a58

Tones of #245a58

Color Blindness Simulator