#048396 hex color

In a RGB color space, hex #048396 is composed of 1.6% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 187.8 degrees, a saturation of 94.8% and a lightness of 30.2%. #048396 color hex could be obtained by blending #08ffff with #00072d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 51
- B 59
RGB color chart
- C 97
- M 13
- Y 0
- K 41
CMYK color chart

● #048396 color description : Dark cyan.

The hexadecimal color #048396 has RGB values of R:4, G:131, B:150 and CMYK values of C:0.97, M:0.13, Y:0, K:0.41. Its decimal value is 295830.

Hex triplet	048396	`#048396`
RGB Decimal	4, 131, 150	`rgb(4,131,150)`
RGB Percent	1.6, 51.4, 58.8	`rgb(1.6%,51.4%,58.8%)`
CMYK	97, 13, 0, 41
HSL	187.8°, 94.8, 30.2	`hsl(187.8,94.8%,30.2%)`
HSV (or HSB)	187.8°, 97.3, 58.8
Web Safe	009999	`#009999`

CIE-LAB	50.048, -22.725, -18.672
XYZ	13.67, 18.459, 31.695
xyY	0.214, 0.289, 18.459
CIE-LCH	50.048, 29.412, 219.409
CIE-LUV	50.048, -36.469, -24.426
Hunter-Lab	42.964, -18.394, -13.664
Binary	00000100, 10000011, 10010110

#048396
```
#048396 rgb(4,131,150)
```
#961704
```
#961704 rgb(150,23,4)
```

Complementary Color

#049660
```
#049660 rgb(4,150,96)
```
#048396
```
#048396 rgb(4,131,150)
```
#043a96
```
#043a96 rgb(4,58,150)
```

Analogous Color

#966004
```
#966004 rgb(150,96,4)
```
#048396
```
#048396 rgb(4,131,150)
```
#96043a
```
#96043a rgb(150,4,58)
```

Split Complementary Color

#839604
```
#839604 rgb(131,150,4)
```
#048396
```
#048396 rgb(4,131,150)
```
#960483
```
#960483 rgb(150,4,131)
```

Triadic Color

#049617
```
#049617 rgb(4,150,23)
```
#048396
```
#048396 rgb(4,131,150)
```
#960483
```
#960483 rgb(150,4,131)
```
#961704
```
#961704 rgb(150,23,4)
```

Tetradic Color

#02424b
```
#02424b rgb(2,66,75)
```
#035864
```
#035864 rgb(3,88,100)
```
#036d7d
```
#036d7d rgb(3,109,125)
```
#048396
```
#048396 rgb(4,131,150)
```
#0599af
```
#0599af rgb(5,153,175)
```
#05aec8
```
#05aec8 rgb(5,174,200)
```
#06c4e1
```
#06c4e1 rgb(6,196,225)
```

Monochromatic Color

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

#049685
```
#049685 rgb(4,150,133)
```
#049691
```
#049691 rgb(4,150,145)
```
#048f96
```
#048f96 rgb(4,143,150)
```
#048396
```
#048396 rgb(4,131,150)
```
#047796
```
#047796 rgb(4,119,150)
```
#046b96
```
#046b96 rgb(4,107,150)
```
#045f96
```
#045f96 rgb(4,95,150)
```

Similar Colors

Text with hexadecimal color #048396

This text has a font color of #048396.

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

#048396 background color

This paragraph has a background color of #048396.

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

#048396 border color

This element has a border color of #048396.

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

CSS codes

.text {color:#048396;}

.background {background-color:#048396;}

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

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, #000e10 is the darkest color, while #fcffff is the lightest one.

#000e10
```
#000e10 rgb(0,14,16)
```
#011f23
```
#011f23 rgb(1,31,35)
```
#013036
```
#013036 rgb(1,48,54)
```
#02404a
```
#02404a rgb(2,64,74)
```
#02515d
```
#02515d rgb(2,81,93)
```
#036270
```
#036270 rgb(3,98,112)
```
#037283
```
#037283 rgb(3,114,131)
```
#048396
```
#048396 rgb(4,131,150)
```
#0594a9
```
#0594a9 rgb(5,148,169)
```
#05a4bc
```
#05a4bc rgb(5,164,188)
```
#06b5cf
```
#06b5cf rgb(6,181,207)
```
#06c6e2
```
#06c6e2 rgb(6,198,226)
```
#07d6f6
```
#07d6f6 rgb(7,214,246)
```

Shade Color Variation

#17dbf9
```
#17dbf9 rgb(23,219,249)
```
#2adef9
```
#2adef9 rgb(42,222,249)
```
#3de1fa
```
#3de1fa rgb(61,225,250)
```
#50e4fa
```
#50e4fa rgb(80,228,250)
```
#63e7fb
```
#63e7fb rgb(99,231,251)
```
#76eafb
```
#76eafb rgb(118,234,251)
```
#8aedfc
```
#8aedfc rgb(138,237,252)
```
#9df0fc
```
#9df0fc rgb(157,240,252)
```
#b0f3fd
```
#b0f3fd rgb(176,243,253)
```
#c3f6fd
```
#c3f6fd rgb(195,246,253)
```
#d6f9fe
```
#d6f9fe rgb(214,249,254)
```
#e9fcfe
```
#e9fcfe rgb(233,252,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#4b4e4f
```
#4b4e4f rgb(75,78,79)
```
#455355
```
#455355 rgb(69,83,85)
```
#3f575b
```
#3f575b rgb(63,87,91)
```
#395c61
```
#395c61 rgb(57,92,97)
```
#336067
```
#336067 rgb(51,96,103)
```
#2d646d
```
#2d646d rgb(45,100,109)
```
#286972
```
#286972 rgb(40,105,114)
```
#226d78
```
#226d78 rgb(34,109,120)
```
#1c717e
```
#1c717e rgb(28,113,126)
```
#167684
```
#167684 rgb(22,118,132)
```
#107a8a
```
#107a8a rgb(16,122,138)
```
#0a7f90
```
#0a7f90 rgb(10,127,144)
```
#048396
```
#048396 rgb(4,131,150)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#4d666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d93 Protanopia 1% of men
#767ca0 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#4e7f94 Protanomaly 1% of men, 0.01% of women
#4c7e9c Deuteranomaly 6% of men, 0.4% of women
#018794 Tritanomaly 0.01% of the population

#048396 hex color

#048396 Color Information

#048396 Color Conversion

Color Schemes with #048396

Alternatives to #048396

#048396 Preview

Shades and Tints of #048396

Tones of #048396

Color Blindness Simulator