#248f7a hex color

In a RGB color space, hex #248f7a is composed of 14.1% red, 56.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 0% magenta, 14.7% yellow and 43.9% black. It has a hue angle of 168.2 degrees, a saturation of 59.8% and a lightness of 35.1%. #248f7a color hex could be obtained by blending #48fff4 with #001f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 14
- G 56
- B 48
RGB color chart
- C 75
- M 0
- Y 15
- K 44
CMYK color chart

● #248f7a color description : Dark cyan.

The hexadecimal color #248f7a has RGB values of R:36, G:143, B:122 and CMYK values of C:0.75, M:0, Y:0.15, K:0.44. Its decimal value is 2396026.

Hex triplet	248f7a	`#248f7a`
RGB Decimal	36, 143, 122	`rgb(36,143,122)`
RGB Percent	14.1, 56.1, 47.8	`rgb(14.1%,56.1%,47.8%)`
CMYK	75, 0, 15, 44
HSL	168.2°, 59.8, 35.1	`hsl(168.2,59.8%,35.1%)`
HSV (or HSB)	168.2°, 74.8, 56.1
Web Safe	339966	`#339966`

CIE-LAB	53.41, -34.737, 2.661
XYZ	14.062, 21.424, 21.805
xyY	0.245, 0.374, 21.424
CIE-LCH	53.41, 34.838, 175.62
CIE-LUV	53.41, -39.935, 8.815
Hunter-Lab	46.286, -26.772, 4.468
Binary	00100100, 10001111, 01111010

#248f7a
```
#248f7a rgb(36,143,122)
```
#8f2439
```
#8f2439 rgb(143,36,57)
```

Complementary Color

#248f45
```
#248f45 rgb(36,143,69)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#246f8f
```
#246f8f rgb(36,111,143)
```

Analogous Color

#8f4524
```
#8f4524 rgb(143,69,36)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#8f246f
```
#8f246f rgb(143,36,111)
```

Split Complementary Color

#8f7a24
```
#8f7a24 rgb(143,122,36)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#7a248f
```
#7a248f rgb(122,36,143)
```

Triadic Color

#398f24
```
#398f24 rgb(57,143,36)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#7a248f
```
#7a248f rgb(122,36,143)
```
#8f2439
```
#8f2439 rgb(143,36,57)
```

Tetradic Color

#155246
```
#155246 rgb(21,82,70)
```
#1a6657
```
#1a6657 rgb(26,102,87)
```
#1f7b69
```
#1f7b69 rgb(31,123,105)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#29a38b
```
#29a38b rgb(41,163,139)
```
#2eb89d
```
#2eb89d rgb(46,184,157)
```
#34ccae
```
#34ccae rgb(52,204,174)
```

Monochromatic Color

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

#248f5f
```
#248f5f rgb(36,143,95)
```
#248f68
```
#248f68 rgb(36,143,104)
```
#248f71
```
#248f71 rgb(36,143,113)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#248f83
```
#248f83 rgb(36,143,131)
```
#248f8c
```
#248f8c rgb(36,143,140)
```
#24898f
```
#24898f rgb(36,137,143)
```

Similar Colors

Text with hexadecimal color #248f7a

This text has a font color of #248f7a.

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

#248f7a background color

This paragraph has a background color of #248f7a.

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

#248f7a border color

This element has a border color of #248f7a.

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

CSS codes

.text {color:#248f7a;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#04120f
```
#04120f rgb(4,18,15)
```
#08211c
```
#08211c rgb(8,33,28)
```
#0c312a
```
#0c312a rgb(12,49,42)
```
#104137
```
#104137 rgb(16,65,55)
```
#145045
```
#145045 rgb(20,80,69)
```
#186052
```
#186052 rgb(24,96,82)
```
#1c705f
```
#1c705f rgb(28,112,95)
```
#207f6d
```
#207f6d rgb(32,127,109)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#289f87
```
#289f87 rgb(40,159,135)
```
#2cae95
```
#2cae95 rgb(44,174,149)
```
#30bea2
```
#30bea2 rgb(48,190,162)
```

Shade Color Variation

#35ccaf
```
#35ccaf rgb(53,204,175)
```
#45d0b5
```
#45d0b5 rgb(69,208,181)
```
#55d4bb
```
#55d4bb rgb(85,212,187)
```
#64d8c1
```
#64d8c1 rgb(100,216,193)
```
#74dcc8
```
#74dcc8 rgb(116,220,200)
```
#84e0ce
```
#84e0ce rgb(132,224,206)
```
#93e4d4
```
#93e4d4 rgb(147,228,212)
```
#a3e8da
```
#a3e8da rgb(163,232,218)
```
#b3ece1
```
#b3ece1 rgb(179,236,225)
```
#c2f0e7
```
#c2f0e7 rgb(194,240,231)
```
#d2f4ed
```
#d2f4ed rgb(210,244,237)
```
#e2f8f3
```
#e2f8f3 rgb(226,248,243)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

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

#545f5d
```
#545f5d rgb(84,95,93)
```
#4d6661
```
#4d6661 rgb(77,102,97)
```
#466d65
```
#466d65 rgb(70,109,101)
```
#407369
```
#407369 rgb(64,115,105)
```
#397a6d
```
#397a6d rgb(57,122,109)
```
#328172
```
#328172 rgb(50,129,114)
```
#2b8876
```
#2b8876 rgb(43,136,118)
```
#248f7a
```
#248f7a rgb(36,143,122)
```
#1d967e
```
#1d967e rgb(29,150,126)
```
#169d82
```
#169d82 rgb(22,157,130)
```
#0fa487
```
#0fa487 rgb(15,164,135)
```
#08ab8b
```
#08ab8b rgb(8,171,139)
```
#02b18f
```
#02b18f rgb(2,177,143)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5e7470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8579 Protanopia 1% of men
#918287 Deuteranopia 1% of men
#40909b Tritanopia 0.001% of the population

Trichromacy

#658979 Protanomaly 1% of men, 0.01% of women
#698682 Deuteranomaly 6% of men, 0.4% of women
#36908f Tritanomaly 0.01% of the population

#248f7a hex color

#248f7a Color Information

#248f7a Color Conversion

Color Schemes with #248f7a

Alternatives to #248f7a

#248f7a Preview

Shades and Tints of #248f7a

Tones of #248f7a

Color Blindness Simulator