colorhexa.com

#048b9f hex color

In a RGB color space, hex #048b9f is composed of 1.6% red, 54.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 12.6% magenta, 0% yellow and 37.6% black. It has a hue angle of 187.7 degrees, a saturation of 95.1% and a lightness of 32%. #048b9f color hex could be obtained by blending #08ffff with #00173f. Closest websafe color is: #009999.

- R 2
- G 55
- B 62
RGB color chart
- C 97
- M 13
- Y 0
- K 38
CMYK color chart

● #048b9f color description : Dark cyan.

The hexadecimal color #048b9f has RGB values of R:4, G:139, B:159 and CMYK values of C:0.97, M:0.13, Y:0, K:0.38. Its decimal value is 297887.

Hex triplet	048b9f	`#048b9f`
RGB Decimal	4, 139, 159	`rgb(4,139,159)`
RGB Percent	1.6, 54.5, 62.4	`rgb(1.6%,54.5%,62.4%)`
CMYK	97, 13, 0, 38
HSL	187.7°, 95.1, 32	`hsl(187.7,95.1%,32%)`
HSV (or HSB)	187.7°, 97.5, 62.4
Web Safe	009999	`#009999`

CIE-LAB	52.941, -23.762, -19.473
XYZ	15.539, 20.993, 36.032
xyY	0.214, 0.289, 20.993
CIE-LCH	52.941, 30.722, 219.334
CIE-LUV	52.941, -38.612, -25.806
Hunter-Lab	45.818, -19.644, -14.554
Binary	00000100, 10001011, 10011111

#048b9f
```
#048b9f rgb(4,139,159)
```
#9f1804
```
#9f1804 rgb(159,24,4)
```

Complementary Color

#049f66
```
#049f66 rgb(4,159,102)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#043e9f
```
#043e9f rgb(4,62,159)
```

Analogous Color

#9f6604
```
#9f6604 rgb(159,102,4)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#9f043e
```
#9f043e rgb(159,4,62)
```

Split Complementary Color

#8b9f04
```
#8b9f04 rgb(139,159,4)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#9f048b
```
#9f048b rgb(159,4,139)
```

Triadic Color

#024a54
```
#024a54 rgb(2,74,84)
```
#03606d
```
#03606d rgb(3,96,109)
```
#037586
```
#037586 rgb(3,117,134)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#05a1b8
```
#05a1b8 rgb(5,161,184)
```
#05b6d1
```
#05b6d1 rgb(5,182,209)
```
#06ccea
```
#06ccea rgb(6,204,234)
```

Monochromatic Color

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

#049f8c
```
#049f8c rgb(4,159,140)
```
#049f99
```
#049f99 rgb(4,159,153)
```
#04989f
```
#04989f rgb(4,152,159)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#047e9f
```
#047e9f rgb(4,126,159)
```
#04719f
```
#04719f rgb(4,113,159)
```
#04649f
```
#04649f rgb(4,100,159)
```

Similar Colors

Text with hexadecimal color #048b9f

This text has a font color of #048b9f.

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

#048b9f background color

This paragraph has a background color of #048b9f.

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

#048b9f border color

This element has a border color of #048b9f.

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

CSS codes

.text {color:#048b9f;}

.background {background-color:#048b9f;}

.border {border:1px solid #048b9f;}

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

#000506
```
#000506 rgb(0,5,6)
```
#011619
```
#011619 rgb(1,22,25)
```
#01272c
```
#01272c rgb(1,39,44)
```
#02373f
```
#02373f rgb(2,55,63)
```
#024852
```
#024852 rgb(2,72,82)
```
#035966
```
#035966 rgb(3,89,102)
```
#036a79
```
#036a79 rgb(3,106,121)
```
#047a8c
```
#047a8c rgb(4,122,140)
```
#048b9f
```
#048b9f rgb(4,139,159)
```
#049cb2
```
#049cb2 rgb(4,156,178)
```
#05acc5
```
#05acc5 rgb(5,172,197)
```
#05bdd8
```
#05bdd8 rgb(5,189,216)
```
#06ceec
```
#06ceec rgb(6,206,236)
```

Shade Color Variation

#0cdaf9
```
#0cdaf9 rgb(12,218,249)
```
#1fddf9
```
#1fddf9 rgb(31,221,249)
```
#32e0fa
```
#32e0fa rgb(50,224,250)
```
#46e3fa
```
#46e3fa rgb(70,227,250)
```
#59e6fb
```
#59e6fb rgb(89,230,251)
```
#6ce9fb
```
#6ce9fb rgb(108,233,251)
```
#7fecfc
```
#7fecfc rgb(127,236,252)
```
#92effc
```
#92effc rgb(146,239,252)
```
#a5f1fd
```
#a5f1fd rgb(165,241,253)
```
#b8f4fd
```
#b8f4fd rgb(184,244,253)
```
#ccf7fe
```
#ccf7fe rgb(204,247,254)
```
#dffafe
```
#dffafe rgb(223,250,254)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5354 is the less saturated color, while #048b9f is the most saturated one.

#4f5354
```
#4f5354 rgb(79,83,84)
```
#49585a
```
#49585a rgb(73,88,90)
```
#435c60
```
#435c60 rgb(67,92,96)
```
#3c6167
```
#3c6167 rgb(60,97,103)
```
#36666d
```
#36666d rgb(54,102,109)
```
#306a73
```
#306a73 rgb(48,106,115)
```
#2a6f79
```
#2a6f79 rgb(42,111,121)
```
#237480
```
#237480 rgb(35,116,128)
```
#1d7886
```
#1d7886 rgb(29,120,134)
```
#177d8c
```
#177d8c rgb(23,125,140)
```
#118292
```
#118292 rgb(17,130,146)
```
#0a8699
```
#0a8699 rgb(10,134,153)
```
#048b9f
```
#048b9f rgb(4,139,159)
```

Tone Color Variation

Below, you can see how #048b9f 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
#526d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f839b Protanopia 1% of men
#7c83a9 Deuteranopia 1% of men
#00919c Tritanopia 0.001% of the population

Trichromacy

#52869c Protanomaly 1% of men, 0.01% of women
#5085a5 Deuteranomaly 6% of men, 0.4% of women
#018f9d Tritanomaly 0.01% of the population