#248180 hex color

In a RGB color space, hex #248180 is composed of 14.1% red, 50.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 0% magenta, 0.8% yellow and 49.4% black. It has a hue angle of 179.4 degrees, a saturation of 56.4% and a lightness of 32.4%. #248180 color hex could be obtained by blending #48ffff with #000301. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 14
- G 51
- B 50
RGB color chart
- C 72
- M 0
- Y 1
- K 49
CMYK color chart

● #248180 color description : Dark cyan.

The hexadecimal color #248180 has RGB values of R:36, G:129, B:128 and CMYK values of C:0.72, M:0, Y:0.01, K:0.49. Its decimal value is 2392448.

Hex triplet	248180	`#248180`
RGB Decimal	36, 129, 128	`rgb(36,129,128)`
RGB Percent	14.1, 50.6, 50.2	`rgb(14.1%,50.6%,50.2%)`
CMYK	72, 0, 1, 49
HSL	179.4°, 56.4, 32.4	`hsl(179.4,56.4%,32.4%)`
HSV (or HSB)	179.4°, 72.1, 50.6
Web Safe	339999	`#339999`

CIE-LAB	49.048, -26.293, -7.247
XYZ	12.473, 17.633, 23.167
xyY	0.234, 0.331, 17.633
CIE-LCH	49.048, 27.274, 195.41
CIE-LUV	49.048, -34.329, -6.565
Hunter-Lab	41.992, -20.465, -3.317
Binary	00100100, 10000001, 10000000

#248180
```
#248180 rgb(36,129,128)
```
#812425
```
#812425 rgb(129,36,37)
```

Complementary Color

#248152
```
#248152 rgb(36,129,82)
```
#248180
```
#248180 rgb(36,129,128)
```
#245481
```
#245481 rgb(36,84,129)
```

Analogous Color

#815224
```
#815224 rgb(129,82,36)
```
#248180
```
#248180 rgb(36,129,128)
```
#812454
```
#812454 rgb(129,36,84)
```

Split Complementary Color

#818024
```
#818024 rgb(129,128,36)
```
#248180
```
#248180 rgb(36,129,128)
```
#802481
```
#802481 rgb(128,36,129)
```

Triadic Color

#258124
```
#258124 rgb(37,129,36)
```
#248180
```
#248180 rgb(36,129,128)
```
#802481
```
#802481 rgb(128,36,129)
```
#812425
```
#812425 rgb(129,36,37)
```

Tetradic Color

#134545
```
#134545 rgb(19,69,69)
```
#195958
```
#195958 rgb(25,89,88)
```
#1e6d6c
```
#1e6d6c rgb(30,109,108)
```
#248180
```
#248180 rgb(36,129,128)
```
#2a9594
```
#2a9594 rgb(42,149,148)
```
#2fa9a8
```
#2fa9a8 rgb(47,169,168)
```
#35bdbb
```
#35bdbb rgb(53,189,187)
```

Monochromatic Color

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

#248169
```
#248169 rgb(36,129,105)
```
#248171
```
#248171 rgb(36,129,113)
```
#248178
```
#248178 rgb(36,129,120)
```
#248180
```
#248180 rgb(36,129,128)
```
#247a81
```
#247a81 rgb(36,122,129)
```
#247381
```
#247381 rgb(36,115,129)
```
#246b81
```
#246b81 rgb(36,107,129)
```

Similar Colors

Text with hexadecimal color #248180

This text has a font color of #248180.

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

#248180 background color

This paragraph has a background color of #248180.

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

#248180 border color

This element has a border color of #248180.

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

CSS codes

.text {color:#248180;}

.background {background-color:#248180;}

.border {border:1px solid #248180;}

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

#020606
```
#020606 rgb(2,6,6)
```
#061615
```
#061615 rgb(6,22,21)
```
#0a2525
```
#0a2525 rgb(10,37,37)
```
#0f3434
```
#0f3434 rgb(15,52,52)
```
#134443
```
#134443 rgb(19,68,67)
```
#175352
```
#175352 rgb(23,83,82)
```
#1b6262
```
#1b6262 rgb(27,98,98)
```
#207271
```
#207271 rgb(32,114,113)
```
#248180
```
#248180 rgb(36,129,128)
```
#28908f
```
#28908f rgb(40,144,143)
```
#2da09e
```
#2da09e rgb(45,160,158)
```
#31afae
```
#31afae rgb(49,175,174)
```
#35bebd
```
#35bebd rgb(53,190,189)
```

Shade Color Variation

#3ec9c8
```
#3ec9c8 rgb(62,201,200)
```
#4dcdcc
```
#4dcdcc rgb(77,205,204)
```
#5dd2d0
```
#5dd2d0 rgb(93,210,208)
```
#6cd6d5
```
#6cd6d5 rgb(108,214,213)
```
#7bdad9
```
#7bdad9 rgb(123,218,217)
```
#8bdfde
```
#8bdfde rgb(139,223,222)
```
#9ae3e2
```
#9ae3e2 rgb(154,227,226)
```
#a9e7e6
```
#a9e7e6 rgb(169,231,230)
```
#b9ebeb
```
#b9ebeb rgb(185,235,235)
```
#c8f0ef
```
#c8f0ef rgb(200,240,239)
```
#d7f4f4
```
#d7f4f4 rgb(215,244,244)
```
#e7f8f8
```
#e7f8f8 rgb(231,248,248)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505555 is the less saturated color, while #04a19f is the most saturated one.

#505555
```
#505555 rgb(80,85,85)
```
#4a5b5b
```
#4a5b5b rgb(74,91,91)
```
#446161
```
#446161 rgb(68,97,97)
```
#3d6867
```
#3d6867 rgb(61,104,103)
```
#376e6d
```
#376e6d rgb(55,110,109)
```
#317474
```
#317474 rgb(49,116,116)
```
#2a7b7a
```
#2a7b7a rgb(42,123,122)
```
#248180
```
#248180 rgb(36,129,128)
```
#1e8786
```
#1e8786 rgb(30,135,134)
```
#178e8c
```
#178e8c rgb(23,142,140)
```
#119493
```
#119493 rgb(17,148,147)
```
#0b9a99
```
#0b9a99 rgb(11,154,153)
```
#04a19f
```
#04a19f rgb(4,161,159)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#586b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b7f Protanopia 1% of men
#7f788c Deuteranopia 1% of men
#36868f Tritanopia 0.001% of the population

Trichromacy

#5c7d7f Protanomaly 1% of men, 0.01% of women
#5d7b87 Deuteranomaly 6% of men, 0.4% of women
#2f848a Tritanomaly 0.01% of the population

#248180 hex color

#248180 Color Information

#248180 Color Conversion

Color Schemes with #248180

Alternatives to #248180

#248180 Preview

Shades and Tints of #248180

Tones of #248180

Color Blindness Simulator