#248f66 hex color

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

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

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

The hexadecimal color #248f66 has RGB values of R:36, G:143, B:102 and CMYK values of C:0.75, M:0, Y:0.29, K:0.44. Its decimal value is 2396006.

Hex triplet	248f66	`#248f66`
RGB Decimal	36, 143, 102	`rgb(36,143,102)`
RGB Percent	14.1, 56.1, 40	`rgb(14.1%,56.1%,40%)`
CMYK	75, 0, 29, 44
HSL	157°, 59.8, 35.1	`hsl(157,59.8%,35.1%)`
HSV (or HSB)	157°, 74.8, 56.1
Web Safe	339966	`#339966`

CIE-LAB	52.925, -39.826, 13.437
XYZ	12.947, 20.978, 15.936
xyY	0.26, 0.421, 20.978
CIE-LCH	52.925, 42.032, 161.356
CIE-LUV	52.925, -41.208, 23.781
Hunter-Lab	45.802, -29.695, 11.432
Binary	00100100, 10001111, 01100110

#248f66
```
#248f66 rgb(36,143,102)
```
#8f244d
```
#8f244d rgb(143,36,77)
```

Complementary Color

#248f31
```
#248f31 rgb(36,143,49)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#24838f
```
#24838f rgb(36,131,143)
```

Analogous Color

#8f3124
```
#8f3124 rgb(143,49,36)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#8f2483
```
#8f2483 rgb(143,36,131)
```

Split Complementary Color

#8f6624
```
#8f6624 rgb(143,102,36)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#66248f
```
#66248f rgb(102,36,143)
```

Triadic Color

#4d8f24
```
#4d8f24 rgb(77,143,36)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#66248f
```
#66248f rgb(102,36,143)
```
#8f244d
```
#8f244d rgb(143,36,77)
```

Tetradic Color

#15523a
```
#15523a rgb(21,82,58)
```
#1a6649
```
#1a6649 rgb(26,102,73)
```
#1f7b57
```
#1f7b57 rgb(31,123,87)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#29a375
```
#29a375 rgb(41,163,117)
```
#2eb883
```
#2eb883 rgb(46,184,131)
```
#34cc92
```
#34cc92 rgb(52,204,146)
```

Monochromatic Color

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

#248f4b
```
#248f4b rgb(36,143,75)
```
#248f54
```
#248f54 rgb(36,143,84)
```
#248f5d
```
#248f5d rgb(36,143,93)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#248f6f
```
#248f6f rgb(36,143,111)
```
#248f78
```
#248f78 rgb(36,143,120)
```
#248f81
```
#248f81 rgb(36,143,129)
```

Similar Colors

Text with hexadecimal color #248f66

This text has a font color of #248f66.

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

#248f66 background color

This paragraph has a background color of #248f66.

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

#248f66 border color

This element has a border color of #248f66.

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

CSS codes

.text {color:#248f66;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120d
```
#04120d rgb(4,18,13)
```
#082118
```
#082118 rgb(8,33,24)
```
#0c3123
```
#0c3123 rgb(12,49,35)
```
#10412e
```
#10412e rgb(16,65,46)
```
#145039
```
#145039 rgb(20,80,57)
```
#186044
```
#186044 rgb(24,96,68)
```
#1c7050
```
#1c7050 rgb(28,112,80)
```
#207f5b
```
#207f5b rgb(32,127,91)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#289f71
```
#289f71 rgb(40,159,113)
```
#2cae7c
```
#2cae7c rgb(44,174,124)
```
#30be88
```
#30be88 rgb(48,190,136)
```

Shade Color Variation

#35cc92
```
#35cc92 rgb(53,204,146)
```
#45d09b
```
#45d09b rgb(69,208,155)
```
#55d4a3
```
#55d4a3 rgb(85,212,163)
```
#64d8ac
```
#64d8ac rgb(100,216,172)
```
#74dcb4
```
#74dcb4 rgb(116,220,180)
```
#84e0bd
```
#84e0bd rgb(132,224,189)
```
#93e4c5
```
#93e4c5 rgb(147,228,197)
```
#a3e8cd
```
#a3e8cd rgb(163,232,205)
```
#b3ecd6
```
#b3ecd6 rgb(179,236,214)
```
#c2f0de
```
#c2f0de rgb(194,240,222)
```
#d2f4e7
```
#d2f4e7 rgb(210,244,231)
```
#e2f8ef
```
#e2f8ef rgb(226,248,239)
```
#f1fcf8
```
#f1fcf8 rgb(241,252,248)
```

Tint Color Variation

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

#545f5b
```
#545f5b rgb(84,95,91)
```
#4d665c
```
#4d665c rgb(77,102,92)
```
#466d5e
```
#466d5e rgb(70,109,94)
```
#407360
```
#407360 rgb(64,115,96)
```
#397a61
```
#397a61 rgb(57,122,97)
```
#328163
```
#328163 rgb(50,129,99)
```
#2b8864
```
#2b8864 rgb(43,136,100)
```
#248f66
```
#248f66 rgb(36,143,102)
```
#1d9668
```
#1d9668 rgb(29,150,104)
```
#169d69
```
#169d69 rgb(22,157,105)
```
#0fa46b
```
#0fa46b rgb(15,164,107)
```
#08ab6c
```
#08ab6c rgb(8,171,108)
```
#02b16e
```
#02b16e rgb(2,177,110)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5c7169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8467 Protanopia 1% of men
#978075 Deuteranopia 1% of men
#468f99 Tritanopia 0.001% of the population

Trichromacy

#678866 Protanomaly 1% of men, 0.01% of women
#6d856f Deuteranomaly 6% of men, 0.4% of women
#3a8f86 Tritanomaly 0.01% of the population

#248f66 hex color

#248f66 Color Information

#248f66 Color Conversion

Color Schemes with #248f66

Alternatives to #248f66

#248f66 Preview

Shades and Tints of #248f66

Tones of #248f66

Color Blindness Simulator