#248c7e hex color

In a RGB color space, hex #248c7e is composed of 14.1% red, 54.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 10% yellow and 45.1% black. It has a hue angle of 171.9 degrees, a saturation of 59.1% and a lightness of 34.5%. #248c7e color hex could be obtained by blending #48fffc with #001900. Closest websafe color is: #339966.

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

● #248c7e color description : Dark cyan.

The hexadecimal color #248c7e has RGB values of R:36, G:140, B:126 and CMYK values of C:0.74, M:0, Y:0.1, K:0.45. Its decimal value is 2395262.

Hex triplet	248c7e	`#248c7e`
RGB Decimal	36, 140, 126	`rgb(36,140,126)`
RGB Percent	14.1, 54.9, 49.4	`rgb(14.1%,54.9%,49.4%)`
CMYK	74, 0, 10, 45
HSL	171.9°, 59.1, 34.5	`hsl(171.9,59.1%,34.5%)`
HSV (or HSB)	171.9°, 74.3, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.549, -32.23, -0.905
XYZ	13.87, 20.636, 22.99
xyY	0.241, 0.359, 20.636
CIE-LCH	52.549, 32.243, 181.609
CIE-LUV	52.549, -38.56, 3.411
Hunter-Lab	45.427, -24.996, 1.794
Binary	00100100, 10001100, 01111110

#248c7e
```
#248c7e rgb(36,140,126)
```
#8c2432
```
#8c2432 rgb(140,36,50)
```

Complementary Color

#248c4a
```
#248c4a rgb(36,140,74)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#24668c
```
#24668c rgb(36,102,140)
```

Analogous Color

#8c4a24
```
#8c4a24 rgb(140,74,36)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#8c2466
```
#8c2466 rgb(140,36,102)
```

Split Complementary Color

#8c7e24
```
#8c7e24 rgb(140,126,36)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#7e248c
```
#7e248c rgb(126,36,140)
```

Triadic Color

#328c24
```
#328c24 rgb(50,140,36)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#7e248c
```
#7e248c rgb(126,36,140)
```
#8c2432
```
#8c2432 rgb(140,36,50)
```

Tetradic Color

#144f47
```
#144f47 rgb(20,79,71)
```
#1a6359
```
#1a6359 rgb(26,99,89)
```
#1f786c
```
#1f786c rgb(31,120,108)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#29a090
```
#29a090 rgb(41,160,144)
```
#2eb5a3
```
#2eb5a3 rgb(46,181,163)
```
#34c9b5
```
#34c9b5 rgb(52,201,181)
```

Monochromatic Color

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

#248c64
```
#248c64 rgb(36,140,100)
```
#248c6d
```
#248c6d rgb(36,140,109)
```
#248c75
```
#248c75 rgb(36,140,117)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#248c87
```
#248c87 rgb(36,140,135)
```
#24898c
```
#24898c rgb(36,137,140)
```
#24808c
```
#24808c rgb(36,128,140)
```

Similar Colors

Text with hexadecimal color #248c7e

This text has a font color of #248c7e.

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

#248c7e background color

This paragraph has a background color of #248c7e.

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

#248c7e border color

This element has a border color of #248c7e.

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

CSS codes

.text {color:#248c7e;}

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

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

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

#040f0e
```
#040f0e rgb(4,15,14)
```
#081f1c
```
#081f1c rgb(8,31,28)
```
#0c2e2a
```
#0c2e2a rgb(12,46,42)
```
#103e38
```
#103e38 rgb(16,62,56)
```
#144e46
```
#144e46 rgb(20,78,70)
```
#185d54
```
#185d54 rgb(24,93,84)
```
#1c6d62
```
#1c6d62 rgb(28,109,98)
```
#207c70
```
#207c70 rgb(32,124,112)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#289c8c
```
#289c8c rgb(40,156,140)
```
#2cab9a
```
#2cab9a rgb(44,171,154)
```
#30bba8
```
#30bba8 rgb(48,187,168)
```
#34cab6
```
#34cab6 rgb(52,202,182)
```

Shade Color Variation

#43cfbc
```
#43cfbc rgb(67,207,188)
```
#53d3c2
```
#53d3c2 rgb(83,211,194)
```
#63d7c7
```
#63d7c7 rgb(99,215,199)
```
#72dbcd
```
#72dbcd rgb(114,219,205)
```
#82dfd2
```
#82dfd2 rgb(130,223,210)
```
#91e3d8
```
#91e3d8 rgb(145,227,216)
```
#a1e7dd
```
#a1e7dd rgb(161,231,221)
```
#b1ebe3
```
#b1ebe3 rgb(177,235,227)
```
#c0efe9
```
#c0efe9 rgb(192,239,233)
```
#d0f3ee
```
#d0f3ee rgb(208,243,238)
```
#dff7f4
```
#dff7f4 rgb(223,247,244)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#535d5b
```
#535d5b rgb(83,93,91)
```
#4d6360
```
#4d6360 rgb(77,99,96)
```
#466a65
```
#466a65 rgb(70,106,101)
```
#3f716a
```
#3f716a rgb(63,113,106)
```
#38786f
```
#38786f rgb(56,120,111)
```
#327e74
```
#327e74 rgb(50,126,116)
```
#2b8579
```
#2b8579 rgb(43,133,121)
```
#248c7e
```
#248c7e rgb(36,140,126)
```
#1d9383
```
#1d9383 rgb(29,147,131)
```
#169a88
```
#169a88 rgb(22,154,136)
```
#10a08d
```
#10a08d rgb(16,160,141)
```
#09a792
```
#09a792 rgb(9,167,146)
```
#02ae97
```
#02ae97 rgb(2,174,151)
```

Tone Color Variation

Below, you can see how #248c7e 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
#5d726f Atypical Achromatopsia 0.001% of the population

Dichromacy

#88837d Protanopia 1% of men
#8d808a Deuteranopia 1% of men
#3d8e99 Tritanopia 0.001% of the population

Trichromacy

#63867d Protanomaly 1% of men, 0.01% of women
#668486 Deuteranomaly 6% of men, 0.4% of women
#348d8f Tritanomaly 0.01% of the population

#248c7e hex color

#248c7e Color Information

#248c7e Color Conversion

Color Schemes with #248c7e

Alternatives to #248c7e

#248c7e Preview

Shades and Tints of #248c7e

Tones of #248c7e

Color Blindness Simulator