#248a5e hex color

In a RGB color space, hex #248a5e is composed of 14.1% red, 54.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 0% magenta, 31.9% yellow and 45.9% black. It has a hue angle of 154.1 degrees, a saturation of 58.6% and a lightness of 34.1%. #248a5e color hex could be obtained by blending #48ffbc with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 14
- G 54
- B 37
RGB color chart
- C 74
- M 0
- Y 32
- K 46
CMYK color chart

● #248a5e color description : Dark cyan - lime green.

The hexadecimal color #248a5e has RGB values of R:36, G:138, B:94 and CMYK values of C:0.74, M:0, Y:0.32, K:0.46. Its decimal value is 2394718.

Hex triplet	248a5e	`#248a5e`
RGB Decimal	36, 138, 94	`rgb(36,138,94)`
RGB Percent	14.1, 54.1, 36.9	`rgb(14.1%,54.1%,36.9%)`
CMYK	74, 0, 32, 46
HSL	154.1°, 58.6, 34.1	`hsl(154.1,58.6%,34.1%)`
HSV (or HSB)	154.1°, 73.9, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.105, -39.563, 15.474
XYZ	11.836, 19.359, 13.702
xyY	0.264, 0.431, 19.359
CIE-LCH	51.105, 42.481, 158.638
CIE-LUV	51.105, -39.827, 26.005
Hunter-Lab	43.999, -28.982, 12.335
Binary	00100100, 10001010, 01011110

#248a5e
```
#248a5e rgb(36,138,94)
```
#8a2450
```
#8a2450 rgb(138,36,80)
```

Complementary Color

#248a2b
```
#248a2b rgb(36,138,43)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#24838a
```
#24838a rgb(36,131,138)
```

Analogous Color

#8a2b24
```
#8a2b24 rgb(138,43,36)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#8a2483
```
#8a2483 rgb(138,36,131)
```

Split Complementary Color

#8a5e24
```
#8a5e24 rgb(138,94,36)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#5e248a
```
#5e248a rgb(94,36,138)
```

Triadic Color

#508a24
```
#508a24 rgb(80,138,36)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#5e248a
```
#5e248a rgb(94,36,138)
```
#8a2450
```
#8a2450 rgb(138,36,80)
```

Tetradic Color

#144d35
```
#144d35 rgb(20,77,53)
```
#196242
```
#196242 rgb(25,98,66)
```
#1f7650
```
#1f7650 rgb(31,118,80)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#299e6c
```
#299e6c rgb(41,158,108)
```
#2fb27a
```
#2fb27a rgb(47,178,122)
```
#34c787
```
#34c787 rgb(52,199,135)
```

Monochromatic Color

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

#248a45
```
#248a45 rgb(36,138,69)
```
#248a4d
```
#248a4d rgb(36,138,77)
```
#248a56
```
#248a56 rgb(36,138,86)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#248a67
```
#248a67 rgb(36,138,103)
```
#248a6f
```
#248a6f rgb(36,138,111)
```
#248a78
```
#248a78 rgb(36,138,120)
```

Similar Colors

Text with hexadecimal color #248a5e

This text has a font color of #248a5e.

<span style="color:#248a5e;">Text here</span>

#248a5e background color

This paragraph has a background color of #248a5e.

<p style="background-color:#248a5e;">Content here</p>

#248a5e border color

This element has a border color of #248a5e.

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

CSS codes

.text {color:#248a5e;}

.background {background-color:#248a5e;}

.border {border:1px solid #248a5e;}

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

#040e09
```
#040e09 rgb(4,14,9)
```
#081d14
```
#081d14 rgb(8,29,20)
```
#0c2d1e
```
#0c2d1e rgb(12,45,30)
```
#103c29
```
#103c29 rgb(16,60,41)
```
#144c34
```
#144c34 rgb(20,76,52)
```
#185b3e
```
#185b3e rgb(24,91,62)
```
#1c6b49
```
#1c6b49 rgb(28,107,73)
```
#207a53
```
#207a53 rgb(32,122,83)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#289a69
```
#289a69 rgb(40,154,105)
```
#2ca973
```
#2ca973 rgb(44,169,115)
```
#30b97e
```
#30b97e rgb(48,185,126)
```
#34c888
```
#34c888 rgb(52,200,136)
```

Shade Color Variation

#42ce92
```
#42ce92 rgb(66,206,146)
```
#52d29b
```
#52d29b rgb(82,210,155)
```
#61d6a4
```
#61d6a4 rgb(97,214,164)
```
#71daad
```
#71daad rgb(113,218,173)
```
#81deb6
```
#81deb6 rgb(129,222,182)
```
#90e2bf
```
#90e2bf rgb(144,226,191)
```
#a0e6c8
```
#a0e6c8 rgb(160,230,200)
```
#afead1
```
#afead1 rgb(175,234,209)
```
#bfeeda
```
#bfeeda rgb(191,238,218)
```
#cef2e3
```
#cef2e3 rgb(206,242,227)
```
#def6ec
```
#def6ec rgb(222,246,236)
```
#edfaf5
```
#edfaf5 rgb(237,250,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535b58 is the less saturated color, while #03ab63 is the most saturated one.

#535b58
```
#535b58 rgb(83,91,88)
```
#4c6258
```
#4c6258 rgb(76,98,88)
```
#456959
```
#456959 rgb(69,105,89)
```
#3f6f5a
```
#3f6f5a rgb(63,111,90)
```
#38765b
```
#38765b rgb(56,118,91)
```
#317d5c
```
#317d5c rgb(49,125,92)
```
#2b835d
```
#2b835d rgb(43,131,93)
```
#248a5e
```
#248a5e rgb(36,138,94)
```
#1d915f
```
#1d915f rgb(29,145,95)
```
#179760
```
#179760 rgb(23,151,96)
```
#109e61
```
#109e61 rgb(16,158,97)
```
#09a562
```
#09a562 rgb(9,165,98)
```
#03ab63
```
#03ab63 rgb(3,171,99)
```

Tone Color Variation

Below, you can see how #248a5e 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

#666666 Achromatopsia 0.005% of the population
#596d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89805f Protanopia 1% of men
#937c6d Deuteranopia 1% of men
#468a94 Tritanopia 0.001% of the population

Trichromacy

#64835f Protanomaly 1% of men, 0.01% of women
#6a8167 Deuteranomaly 6% of men, 0.4% of women
#398a80 Tritanomaly 0.01% of the population

#248a5e hex color

#248a5e Color Information

#248a5e Color Conversion

Color Schemes with #248a5e

Alternatives to #248a5e

#248a5e Preview

Shades and Tints of #248a5e

Tones of #248a5e

Color Blindness Simulator