#004f63 hex color

In a RGB color space, hex #004f63 is composed of 0% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 192.1 degrees, a saturation of 100% and a lightness of 19.4%. #004f63 color hex could be obtained by blending #009ec6 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 0
- G 31
- B 39
RGB color chart
- C 100
- M 20
- Y 0
- K 61
CMYK color chart

● #004f63 color description : Very dark cyan.

The hexadecimal color #004f63 has RGB values of R:0, G:79, B:99 and CMYK values of C:1, M:0.2, Y:0, K:0.61. Its decimal value is 20323.

Hex triplet	004f63	`#004f63`
RGB Decimal	0, 79, 99	`rgb(0,79,99)`
RGB Percent	0, 31, 38.8	`rgb(0%,31%,38.8%)`
CMYK	100, 20, 0, 61
HSL	192.1°, 100, 19.4	`hsl(192.1,100%,19.4%)`
HSV (or HSB)	192.1°, 100, 38.8
Web Safe	006666	`#006666`

CIE-LAB	30.622, -13.018, -17.568
XYZ	5.048, 6.492, 12.791
xyY	0.207, 0.267, 6.492
CIE-LCH	30.622, 21.866, 233.461
CIE-LUV	30.622, -21.676, -21.241
Hunter-Lab	25.48, -9.23, -11.927
Binary	00000000, 01001111, 01100011

#004f63
```
#004f63 rgb(0,79,99)
```
#631400
```
#631400 rgb(99,20,0)
```

Complementary Color

#006346
```
#006346 rgb(0,99,70)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#001e63
```
#001e63 rgb(0,30,99)
```

Analogous Color

#634600
```
#634600 rgb(99,70,0)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#63001e
```
#63001e rgb(99,0,30)
```

Split Complementary Color

#4f6300
```
#4f6300 rgb(79,99,0)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#63004f
```
#63004f rgb(99,0,79)
```

Triadic Color

#006314
```
#006314 rgb(0,99,20)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#63004f
```
#63004f rgb(99,0,79)
```
#631400
```
#631400 rgb(99,20,0)
```

Tetradic Color

#001217
```
#001217 rgb(0,18,23)
```
#002630
```
#002630 rgb(0,38,48)
```
#003b4a
```
#003b4a rgb(0,59,74)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#00637d
```
#00637d rgb(0,99,125)
```
#007896
```
#007896 rgb(0,120,150)
```
#008cb0
```
#008cb0 rgb(0,140,176)
```

Monochromatic Color

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

#00635e
```
#00635e rgb(0,99,94)
```
#006063
```
#006063 rgb(0,96,99)
```
#005763
```
#005763 rgb(0,87,99)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#004763
```
#004763 rgb(0,71,99)
```
#003f63
```
#003f63 rgb(0,63,99)
```
#003663
```
#003663 rgb(0,54,99)
```

Similar Colors

Text with hexadecimal color #004f63

This text has a font color of #004f63.

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

#004f63 background color

This paragraph has a background color of #004f63.

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

#004f63 border color

This element has a border color of #004f63.

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

CSS codes

.text {color:#004f63;}

.background {background-color:#004f63;}

.border {border:1px solid #004f63;}

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

#000101
```
#000101 rgb(0,1,1)
```
#001015
```
#001015 rgb(0,16,21)
```
#002028
```
#002028 rgb(0,32,40)
```
#00303c
```
#00303c rgb(0,48,60)
```
#003f4f
```
#003f4f rgb(0,63,79)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#005f77
```
#005f77 rgb(0,95,119)
```
#006e8a
```
#006e8a rgb(0,110,138)
```
#007e9e
```
#007e9e rgb(0,126,158)
```
#008eb1
```
#008eb1 rgb(0,142,177)
```
#009dc5
```
#009dc5 rgb(0,157,197)
```
#00add9
```
#00add9 rgb(0,173,217)
```
#00bdec
```
#00bdec rgb(0,189,236)
```

Shade Color Variation

#01ccff
```
#01ccff rgb(1,204,255)
```
#15d0ff
```
#15d0ff rgb(21,208,255)
```
#28d4ff
```
#28d4ff rgb(40,212,255)
```
#3cd8ff
```
#3cd8ff rgb(60,216,255)
```
#4fdcff
```
#4fdcff rgb(79,220,255)
```
#63dfff
```
#63dfff rgb(99,223,255)
```
#77e3ff
```
#77e3ff rgb(119,227,255)
```
#8ae7ff
```
#8ae7ff rgb(138,231,255)
```
#9eebff
```
#9eebff rgb(158,235,255)
```
#b1efff
```
#b1efff rgb(177,239,255)
```
#c5f3ff
```
#c5f3ff rgb(197,243,255)
```
#d9f7ff
```
#d9f7ff rgb(217,247,255)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e3435 is the less saturated color, while #004f63 is the most saturated one.

#2e3435
```
#2e3435 rgb(46,52,53)
```
#2a3639
```
#2a3639 rgb(42,54,57)
```
#26383d
```
#26383d rgb(38,56,61)
```
#223b41
```
#223b41 rgb(34,59,65)
```
#1e3d45
```
#1e3d45 rgb(30,61,69)
```
#1b3f48
```
#1b3f48 rgb(27,63,72)
```
#17414c
```
#17414c rgb(23,65,76)
```
#134450
```
#134450 rgb(19,68,80)
```
#0f4654
```
#0f4654 rgb(15,70,84)
```
#0b4858
```
#0b4858 rgb(11,72,88)
```
#084a5b
```
#084a5b rgb(8,74,91)
```
#044d5f
```
#044d5f rgb(4,77,95)
```
#004f63
```
#004f63 rgb(0,79,99)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#2e3e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5066 Protanopia 1% of men
#47506e Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#305065 Protanomaly 1% of men, 0.01% of women
#2d506a Deuteranomaly 6% of men, 0.4% of women
#005560 Tritanomaly 0.01% of the population

#004f63 hex color

#004f63 Color Information

#004f63 Color Conversion

Color Schemes with #004f63

Alternatives to #004f63

#004f63 Preview

Shades and Tints of #004f63

Tones of #004f63

Color Blindness Simulator