#248d77 hex color

In a RGB color space, hex #248d77 is composed of 14.1% red, 55.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 0% magenta, 15.6% yellow and 44.7% black. It has a hue angle of 167.4 degrees, a saturation of 59.3% and a lightness of 34.7%. #248d77 color hex could be obtained by blending #48ffee with #001b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 14
- G 55
- B 47
RGB color chart
- C 74
- M 0
- Y 16
- K 45
CMYK color chart

● #248d77 color description : Dark cyan.

The hexadecimal color #248d77 has RGB values of R:36, G:141, B:119 and CMYK values of C:0.74, M:0, Y:0.16, K:0.45. Its decimal value is 2395511.

Hex triplet	248d77	`#248d77`
RGB Decimal	36, 141, 119	`rgb(36,141,119)`
RGB Percent	14.1, 55.3, 46.7	`rgb(14.1%,55.3%,46.7%)`
CMYK	74, 0, 16, 45
HSL	167.4°, 59.3, 34.7	`hsl(167.4,59.3%,34.7%)`
HSV (or HSB)	167.4°, 74.5, 55.3
Web Safe	339966	`#339966`

CIE-LAB	52.681, -34.64, 3.336
XYZ	13.581, 20.755, 20.742
xyY	0.247, 0.377, 20.755
CIE-LCH	52.681, 34.801, 174.498
CIE-LUV	52.681, -39.391, 9.708
Hunter-Lab	45.558, -26.515, 4.897
Binary	00100100, 10001101, 01110111

#248d77
```
#248d77 rgb(36,141,119)
```
#8d243a
```
#8d243a rgb(141,36,58)
```

Complementary Color

#248d43
```
#248d43 rgb(36,141,67)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#246f8d
```
#246f8d rgb(36,111,141)
```

Analogous Color

#8d4324
```
#8d4324 rgb(141,67,36)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#8d246f
```
#8d246f rgb(141,36,111)
```

Split Complementary Color

#8d7724
```
#8d7724 rgb(141,119,36)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#77248d
```
#77248d rgb(119,36,141)
```

Triadic Color

#3a8d24
```
#3a8d24 rgb(58,141,36)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#77248d
```
#77248d rgb(119,36,141)
```
#8d243a
```
#8d243a rgb(141,36,58)
```

Tetradic Color

#145044
```
#145044 rgb(20,80,68)
```
#1a6455
```
#1a6455 rgb(26,100,85)
```
#1f7966
```
#1f7966 rgb(31,121,102)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#29a188
```
#29a188 rgb(41,161,136)
```
#2eb699
```
#2eb699 rgb(46,182,153)
```
#34caaa
```
#34caaa rgb(52,202,170)
```

Monochromatic Color

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

#248d5d
```
#248d5d rgb(36,141,93)
```
#248d66
```
#248d66 rgb(36,141,102)
```
#248d6e
```
#248d6e rgb(36,141,110)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#248d80
```
#248d80 rgb(36,141,128)
```
#248d89
```
#248d89 rgb(36,141,137)
```
#24898d
```
#24898d rgb(36,137,141)
```

Similar Colors

Text with hexadecimal color #248d77

This text has a font color of #248d77.

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

#248d77 background color

This paragraph has a background color of #248d77.

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

#248d77 border color

This element has a border color of #248d77.

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

CSS codes

.text {color:#248d77;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100d
```
#04100d rgb(4,16,13)
```
#08201b
```
#08201b rgb(8,32,27)
```
#0c2f28
```
#0c2f28 rgb(12,47,40)
```
#103f35
```
#103f35 rgb(16,63,53)
```
#144e42
```
#144e42 rgb(20,78,66)
```
#185e4f
```
#185e4f rgb(24,94,79)
```
#1c6e5d
```
#1c6e5d rgb(28,110,93)
```
#207d6a
```
#207d6a rgb(32,125,106)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#289d84
```
#289d84 rgb(40,157,132)
```
#2cac91
```
#2cac91 rgb(44,172,145)
```
#30bc9f
```
#30bc9f rgb(48,188,159)
```

Shade Color Variation

#34cbac
```
#34cbac rgb(52,203,172)
```
#44cfb2
```
#44cfb2 rgb(68,207,178)
```
#53d3b8
```
#53d3b8 rgb(83,211,184)
```
#63d7bf
```
#63d7bf rgb(99,215,191)
```
#73dbc5
```
#73dbc5 rgb(115,219,197)
```
#82dfcc
```
#82dfcc rgb(130,223,204)
```
#92e3d2
```
#92e3d2 rgb(146,227,210)
```
#a2e7d9
```
#a2e7d9 rgb(162,231,217)
```
#b1ebdf
```
#b1ebdf rgb(177,235,223)
```
#c1efe5
```
#c1efe5 rgb(193,239,229)
```
#d0f3ec
```
#d0f3ec rgb(208,243,236)
```
#e0f7f2
```
#e0f7f2 rgb(224,247,242)
```
#f0fbf9
```
#f0fbf9 rgb(240,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545d5b is the less saturated color, while #02af8b is the most saturated one.

#545d5b
```
#545d5b rgb(84,93,91)
```
#4d645f
```
#4d645f rgb(77,100,95)
```
#466b63
```
#466b63 rgb(70,107,99)
```
#3f7267
```
#3f7267 rgb(63,114,103)
```
#38796b
```
#38796b rgb(56,121,107)
```
#327f6f
```
#327f6f rgb(50,127,111)
```
#2b8673
```
#2b8673 rgb(43,134,115)
```
#248d77
```
#248d77 rgb(36,141,119)
```
#1d947b
```
#1d947b rgb(29,148,123)
```
#169b7f
```
#169b7f rgb(22,155,127)
```
#10a183
```
#10a183 rgb(16,161,131)
```
#09a887
```
#09a887 rgb(9,168,135)
```
#02af8b
```
#02af8b rgb(2,175,139)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5d726d Atypical Achromatopsia 0.001% of the population

Dichromacy

#898476 Protanopia 1% of men
#908084 Deuteranopia 1% of men
#408e99 Tritanopia 0.001% of the population

Trichromacy

#648776 Protanomaly 1% of men, 0.01% of women
#69857f Deuteranomaly 6% of men, 0.4% of women
#368e8c Tritanomaly 0.01% of the population

#248d77 hex color

#248d77 Color Information

#248d77 Color Conversion

Color Schemes with #248d77

Alternatives to #248d77

#248d77 Preview

Shades and Tints of #248d77

Tones of #248d77

Color Blindness Simulator