#48c4be hex color

In a RGB color space, hex #48c4be is composed of 28.2% red, 76.9% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 3.1% yellow and 23.1% black. It has a hue angle of 177.1 degrees, a saturation of 51.2% and a lightness of 52.5%. #48c4be color hex could be obtained by blending #90ffff with #00897d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 77
- B 75
RGB color chart
- C 63
- M 0
- Y 3
- K 23
CMYK color chart

● #48c4be color description : Moderate cyan.

The hexadecimal color #48c4be has RGB values of R:72, G:196, B:190 and CMYK values of C:0.63, M:0, Y:0.03, K:0.23. Its decimal value is 4768958.

Hex triplet	48c4be	`#48c4be`
RGB Decimal	72, 196, 190	`rgb(72,196,190)`
RGB Percent	28.2, 76.9, 74.5	`rgb(28.2%,76.9%,74.5%)`
CMYK	63, 0, 3, 23
HSL	177.1°, 51.2, 52.5	`hsl(177.1,51.2%,52.5%)`
HSV (or HSB)	177.1°, 63.3, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.61, -35.179, -7.126
XYZ	31.704, 44.573, 55.645
xyY	0.24, 0.338, 44.573
CIE-LCH	72.61, 35.893, 191.451
CIE-LUV	72.61, -48.715, -5.443
Hunter-Lab	66.763, -32.07, -2.683
Binary	01001000, 11000100, 10111110

#48c4be
```
#48c4be rgb(72,196,190)
```
#c4484e
```
#c4484e rgb(196,72,78)
```

Complementary Color

#48c480
```
#48c480 rgb(72,196,128)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#488cc4
```
#488cc4 rgb(72,140,196)
```

Analogous Color

#c48048
```
#c48048 rgb(196,128,72)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#c4488c
```
#c4488c rgb(196,72,140)
```

Split Complementary Color

#c4be48
```
#c4be48 rgb(196,190,72)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#be48c4
```
#be48c4 rgb(190,72,196)
```

Triadic Color

#4ec448
```
#4ec448 rgb(78,196,72)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#be48c4
```
#be48c4 rgb(190,72,196)
```
#c4484e
```
#c4484e rgb(196,72,78)
```

Tetradic Color

#2f918c
```
#2f918c rgb(47,145,140)
```
#35a49f
```
#35a49f rgb(53,164,159)
```
#3bb7b1
```
#3bb7b1 rgb(59,183,177)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#5bcac5
```
#5bcac5 rgb(91,202,197)
```
#6fd0cc
```
#6fd0cc rgb(111,208,204)
```
#82d7d3
```
#82d7d3 rgb(130,215,211)
```

Monochromatic Color

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

#48c49f
```
#48c49f rgb(72,196,159)
```
#48c4a9
```
#48c4a9 rgb(72,196,169)
```
#48c4b4
```
#48c4b4 rgb(72,196,180)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#48c0c4
```
#48c0c4 rgb(72,192,196)
```
#48b5c4
```
#48b5c4 rgb(72,181,196)
```
#48abc4
```
#48abc4 rgb(72,171,196)
```

Similar Colors

Text with hexadecimal color #48c4be

This text has a font color of #48c4be.

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

#48c4be background color

This paragraph has a background color of #48c4be.

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

#48c4be border color

This element has a border color of #48c4be.

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

CSS codes

.text {color:#48c4be;}

.background {background-color:#48c4be;}

.border {border:1px solid #48c4be;}

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, #030a0a is the darkest color, while #fafdfd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#081918
```
#081918 rgb(8,25,24)
```
#0d2726
```
#0d2726 rgb(13,39,38)
```
#123635
```
#123635 rgb(18,54,53)
```
#164543
```
#164543 rgb(22,69,67)
```
#1b5451
```
#1b5451 rgb(27,84,81)
```
#206360
```
#206360 rgb(32,99,96)
```
#25726e
```
#25726e rgb(37,114,110)
```
#29807c
```
#29807c rgb(41,128,124)
```
#2e8f8b
```
#2e8f8b rgb(46,143,139)
```
#339e99
```
#339e99 rgb(51,158,153)
```
#38ada7
```
#38ada7 rgb(56,173,167)
```
#3dbcb6
```
#3dbcb6 rgb(61,188,182)
```

Shade Color Variation

#48c4be
```
#48c4be rgb(72,196,190)
```
#57c9c3
```
#57c9c3 rgb(87,201,195)
```
#66cec9
```
#66cec9 rgb(102,206,201)
```
#74d2ce
```
#74d2ce rgb(116,210,206)
```
#83d7d3
```
#83d7d3 rgb(131,215,211)
```
#92dcd8
```
#92dcd8 rgb(146,220,216)
```
#a1e1de
```
#a1e1de rgb(161,225,222)
```
#b0e5e3
```
#b0e5e3 rgb(176,229,227)
```
#bfeae8
```
#bfeae8 rgb(191,234,232)
```
#cdefed
```
#cdefed rgb(205,239,237)
```
#dcf4f3
```
#dcf4f3 rgb(220,244,243)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c8c is the less saturated color, while #10fcf0 is the most saturated one.

#808c8c
```
#808c8c rgb(128,140,140)
```
#779594
```
#779594 rgb(119,149,148)
```
#6d9f9c
```
#6d9f9c rgb(109,159,156)
```
#64a8a5
```
#64a8a5 rgb(100,168,165)
```
#5bb1ad
```
#5bb1ad rgb(91,177,173)
```
#51bbb6
```
#51bbb6 rgb(81,187,182)
```
#48c4be
```
#48c4be rgb(72,196,190)
```
#3fcdc6
```
#3fcdc6 rgb(63,205,198)
```
#35d7cf
```
#35d7cf rgb(53,215,207)
```
#2ce0d7
```
#2ce0d7 rgb(44,224,215)
```
#23e9e0
```
#23e9e0 rgb(35,233,224)
```
#19f3e8
```
#19f3e8 rgb(25,243,232)
```
#10fcf0
```
#10fcf0 rgb(16,252,240)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8da6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b5b7 Protanopia 1% of men
#bdb1c9 Deuteranopia 1% of men
#5bc4d2 Tritanopia 0.001% of the population

Trichromacy

#8fbab9 Protanomaly 1% of men, 0.01% of women
#92b8c5 Deuteranomaly 6% of men, 0.4% of women
#54c4cb Tritanomaly 0.01% of the population

#48c4be hex color

#48c4be Color Information

#48c4be Color Conversion

Color Schemes with #48c4be

Alternatives to #48c4be

#48c4be Preview

Shades and Tints of #48c4be

Tones of #48c4be

Color Blindness Simulator