colorhexa.com

#48bebf hex color

In a RGB color space, hex #48bebf is composed of 28.2% red, 74.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 180.5 degrees, a saturation of 48.2% and a lightness of 51.6%. #48bebf color hex could be obtained by blending #90ffff with #007d7f. Closest websafe color is: #33cccc.

- R 28
- G 75
- B 75
RGB color chart
- C 62
- M 1
- Y 0
- K 25
CMYK color chart

● #48bebf color description : Moderate cyan.

The hexadecimal color #48bebf has RGB values of R:72, G:190, B:191 and CMYK values of C:0.62, M:0.01, Y:0, K:0.25. Its decimal value is 4767423.

Hex triplet	48bebf	`#48bebf`
RGB Decimal	72, 190, 191	`rgb(72,190,191)`
RGB Percent	28.2, 74.5, 74.9	`rgb(28.2%,74.5%,74.9%)`
CMYK	62, 1, 0, 25
HSL	180.5°, 48.2, 51.6	`hsl(180.5,48.2%,51.6%)`
HSV (or HSB)	180.5°, 62.3, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.846, -32.071, -10.297
XYZ	30.487, 41.964, 55.78
xyY	0.238, 0.327, 41.964
CIE-LCH	70.846, 33.683, 197.8
CIE-LUV	70.846, -46.447, -10.881
Hunter-Lab	64.779, -29.356, -5.708
Binary	01001000, 10111110, 10111111

#48bebf
```
#48bebf rgb(72,190,191)
```
#bf4948
```
#bf4948 rgb(191,73,72)
```

Complementary Color

#48bf85
```
#48bf85 rgb(72,191,133)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#4883bf
```
#4883bf rgb(72,131,191)
```

Analogous Color

#bf8548
```
#bf8548 rgb(191,133,72)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#bf4883
```
#bf4883 rgb(191,72,131)
```

Split Complementary Color

#bebf48
```
#bebf48 rgb(190,191,72)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#bf48be
```
#bf48be rgb(191,72,190)
```

Triadic Color

#48bf49
```
#48bf49 rgb(72,191,73)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#bf48be
```
#bf48be rgb(191,72,190)
```
#bf4948
```
#bf4948 rgb(191,73,72)
```

Tetradic Color

#30898a
```
#30898a rgb(48,137,138)
```
#379c9d
```
#379c9d rgb(55,156,157)
```
#3eafb0
```
#3eafb0 rgb(62,175,176)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#5bc5c6
```
#5bc5c6 rgb(91,197,198)
```
#6ecbcc
```
#6ecbcc rgb(110,203,204)
```
#81d2d3
```
#81d2d3 rgb(129,210,211)
```

Monochromatic Color

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

#48bfa2
```
#48bfa2 rgb(72,191,162)
```
#48bfac
```
#48bfac rgb(72,191,172)
```
#48bfb6
```
#48bfb6 rgb(72,191,182)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#48b4bf
```
#48b4bf rgb(72,180,191)
```
#48aabf
```
#48aabf rgb(72,170,191)
```
#48a0bf
```
#48a0bf rgb(72,160,191)
```

Similar Colors

Text with hexadecimal color #48bebf

This text has a font color of #48bebf.

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

#48bebf background color

This paragraph has a background color of #48bebf.

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

#48bebf border color

This element has a border color of #48bebf.

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

CSS codes

.text {color:#48bebf;}

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

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

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)
```
#071414
```
#071414 rgb(7,20,20)
```
#0c2323
```
#0c2323 rgb(12,35,35)
```
#113132
```
#113132 rgb(17,49,50)
```
#164040
```
#164040 rgb(22,64,64)
```
#1b4e4f
```
#1b4e4f rgb(27,78,79)
```
#215d5d
```
#215d5d rgb(33,93,93)
```
#266b6c
```
#266b6c rgb(38,107,108)
```
#2b7a7a
```
#2b7a7a rgb(43,122,122)
```
#308889
```
#308889 rgb(48,136,137)
```
#359697
```
#359697 rgb(53,150,151)
```
#3aa5a6
```
#3aa5a6 rgb(58,165,166)
```
#3fb3b4
```
#3fb3b4 rgb(63,179,180)
```

Shade Color Variation

#48bebf
```
#48bebf rgb(72,190,191)
```
#57c3c4
```
#57c3c4 rgb(87,195,196)
```
#65c8c9
```
#65c8c9 rgb(101,200,201)
```
#74cdce
```
#74cdce rgb(116,205,206)
```
#82d3d3
```
#82d3d3 rgb(130,211,211)
```
#91d8d8
```
#91d8d8 rgb(145,216,216)
```
#9fdddd
```
#9fdddd rgb(159,221,221)
```
#aee2e3
```
#aee2e3 rgb(174,226,227)
```
#bce7e8
```
#bce7e8 rgb(188,231,232)
```
#cbeced
```
#cbeced rgb(203,236,237)
```
#d9f2f2
```
#d9f2f2 rgb(217,242,242)
```
#e8f7f7
```
#e8f7f7 rgb(232,247,247)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#818686
```
#818686 rgb(129,134,134)
```
#788f90
```
#788f90 rgb(120,143,144)
```
#6e9999
```
#6e9999 rgb(110,153,153)
```
#65a2a3
```
#65a2a3 rgb(101,162,163)
```
#5babac
```
#5babac rgb(91,171,172)
```
#52b5b6
```
#52b5b6 rgb(82,181,182)
```
#48bebf
```
#48bebf rgb(72,190,191)
```
#3fc7c9
```
#3fc7c9 rgb(63,199,201)
```
#35d1d2
```
#35d1d2 rgb(53,209,210)
```
#2cdadc
```
#2cdadc rgb(44,218,220)
```
#22e3e5
```
#22e3e5 rgb(34,227,229)
```
#19edef
```
#19edef rgb(25,237,239)
```
#0ff6f8
```
#0ff6f8 rgb(15,246,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b0b8 Protanopia 1% of men
#b6adc9 Deuteranopia 1% of men
#58bfcd Tritanopia 0.001% of the population

Trichromacy

#8bb5bb Protanomaly 1% of men, 0.01% of women
#8eb3c5 Deuteranomaly 6% of men, 0.4% of women
#52bfc8 Tritanomaly 0.01% of the population