#245a48 hex color

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

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

● #245a48 color description : Very dark cyan - lime green.

The hexadecimal color #245a48 has RGB values of R:36, G:90, B:72 and CMYK values of C:0.6, M:0, Y:0.2, K:0.65. Its decimal value is 2382408.

Hex triplet	245a48	`#245a48`
RGB Decimal	36, 90, 72	`rgb(36,90,72)`
RGB Percent	14.1, 35.3, 28.2	`rgb(14.1%,35.3%,28.2%)`
CMYK	60, 0, 20, 65
HSL	160°, 42.9, 24.7	`hsl(160,42.9%,24.7%)`
HSV (or HSB)	160°, 60, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.303, -22.811, 5.068
XYZ	5.553, 8.155, 7.412
xyY	0.263, 0.386, 8.155
CIE-LCH	34.303, 23.367, 167.474
CIE-LUV	34.303, -22.239, 9.182
Hunter-Lab	28.557, -15.264, 4.601
Binary	00100100, 01011010, 01001000

#245a48
```
#245a48 rgb(36,90,72)
```
#5a2436
```
#5a2436 rgb(90,36,54)
```

Complementary Color

#245a2d
```
#245a2d rgb(36,90,45)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#24515a
```
#24515a rgb(36,81,90)
```

Analogous Color

#5a2d24
```
#5a2d24 rgb(90,45,36)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#5a2451
```
#5a2451 rgb(90,36,81)
```

Split Complementary Color

#5a4824
```
#5a4824 rgb(90,72,36)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#48245a
```
#48245a rgb(72,36,90)
```

Triadic Color

#365a24
```
#365a24 rgb(54,90,36)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#48245a
```
#48245a rgb(72,36,90)
```
#5a2436
```
#5a2436 rgb(90,36,54)
```

Tetradic Color

#0e231c
```
#0e231c rgb(14,35,28)
```
#15362b
```
#15362b rgb(21,54,43)
```
#1d4839
```
#1d4839 rgb(29,72,57)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#2b6c57
```
#2b6c57 rgb(43,108,87)
```
#337e65
```
#337e65 rgb(51,126,101)
```
#3a9174
```
#3a9174 rgb(58,145,116)
```

Monochromatic Color

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

#245a3b
```
#245a3b rgb(36,90,59)
```
#245a3f
```
#245a3f rgb(36,90,63)
```
#245a44
```
#245a44 rgb(36,90,68)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#245a4d
```
#245a4d rgb(36,90,77)
```
#245a51
```
#245a51 rgb(36,90,81)
```
#245a56
```
#245a56 rgb(36,90,86)
```

Similar Colors

Text with hexadecimal color #245a48

This text has a font color of #245a48.

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

#245a48 background color

This paragraph has a background color of #245a48.

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

#245a48 border color

This element has a border color of #245a48.

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

CSS codes

.text {color:#245a48;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#081410
```
#081410 rgb(8,20,16)
```
#0e221b
```
#0e221b rgb(14,34,27)
```
#133026
```
#133026 rgb(19,48,38)
```
#193e32
```
#193e32 rgb(25,62,50)
```
#1e4c3d
```
#1e4c3d rgb(30,76,61)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#2a6853
```
#2a6853 rgb(42,104,83)
```
#2f765e
```
#2f765e rgb(47,118,94)
```
#35846a
```
#35846a rgb(53,132,106)
```
#3a9275
```
#3a9275 rgb(58,146,117)
```
#40a080
```
#40a080 rgb(64,160,128)
```
#46ae8b
```
#46ae8b rgb(70,174,139)
```

Shade Color Variation

#4fb995
```
#4fb995 rgb(79,185,149)
```
#5dbe9e
```
#5dbe9e rgb(93,190,158)
```
#6bc4a6
```
#6bc4a6 rgb(107,196,166)
```
#79c9ae
```
#79c9ae rgb(121,201,174)
```
#87cfb7
```
#87cfb7 rgb(135,207,183)
```
#95d5bf
```
#95d5bf rgb(149,213,191)
```
#a3dac8
```
#a3dac8 rgb(163,218,200)
```
#b1e0d0
```
#b1e0d0 rgb(177,224,208)
```
#bfe5d9
```
#bfe5d9 rgb(191,229,217)
```
#cdebe1
```
#cdebe1 rgb(205,235,225)
```
#dbf1e9
```
#dbf1e9 rgb(219,241,233)
```
#e9f6f2
```
#e9f6f2 rgb(233,246,242)
```
#f7fcfa
```
#f7fcfa rgb(247,252,250)
```

Tint Color Variation

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

#3c4240
```
#3c4240 rgb(60,66,64)
```
#374742
```
#374742 rgb(55,71,66)
```
#334b43
```
#334b43 rgb(51,75,67)
```
#2e5045
```
#2e5045 rgb(46,80,69)
```
#295546
```
#295546 rgb(41,85,70)
```
#245a48
```
#245a48 rgb(36,90,72)
```
#1f5f4a
```
#1f5f4a rgb(31,95,74)
```
#1a644b
```
#1a644b rgb(26,100,75)
```
#15694d
```
#15694d rgb(21,105,77)
```
#116d4e
```
#116d4e rgb(17,109,78)
```
#0c7250
```
#0c7250 rgb(12,114,80)
```
#077752
```
#077752 rgb(7,119,82)
```
#027c53
```
#027c53 rgb(2,124,83)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#414c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e594d Protanopia 1% of men
#635655 Deuteranopia 1% of men
#375f66 Tritanopia 0.001% of the population

Trichromacy

#49594b Protanomaly 1% of men, 0.01% of women
#4c5850 Deuteranomaly 6% of men, 0.4% of women
#305d5b Tritanomaly 0.01% of the population

#245a48 hex color

#245a48 Color Information

#245a48 Color Conversion

Color Schemes with #245a48

Alternatives to #245a48

#245a48 Preview

Shades and Tints of #245a48

Tones of #245a48

Color Blindness Simulator