#63b485 hex color

In a RGB color space, hex #63b485 is composed of 38.8% red, 70.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 0% magenta, 26.1% yellow and 29.4% black. It has a hue angle of 145.2 degrees, a saturation of 35.1% and a lightness of 54.7%. #63b485 color hex could be obtained by blending #c6ffff with #00690b. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 39
- G 71
- B 52
RGB color chart
- C 45
- M 0
- Y 26
- K 29
CMYK color chart

● #63b485 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #63b485 has RGB values of R:99, G:180, B:133 and CMYK values of C:0.45, M:0, Y:0.26, K:0.29. Its decimal value is 6534277.

Hex triplet	63b485	`#63b485`
RGB Decimal	99, 180, 133	`rgb(99,180,133)`
RGB Percent	38.8, 70.6, 52.2	`rgb(38.8%,70.6%,52.2%)`
CMYK	45, 0, 26, 29
HSL	145.2°, 35.1, 54.7	`hsl(145.2,35.1%,54.7%)`
HSV (or HSB)	145.2°, 45, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.267, -35.593, 16.421
XYZ	25.699, 36.987, 27.974
xyY	0.283, 0.408, 36.987
CIE-LCH	67.267, 39.199, 155.234
CIE-LUV	67.267, -37.713, 28.571
Hunter-Lab	60.817, -31.002, 15.3
Binary	01100011, 10110100, 10000101

#63b485
```
#63b485 rgb(99,180,133)
```
#b46392
```
#b46392 rgb(180,99,146)
```

Complementary Color

#6ab463
```
#6ab463 rgb(106,180,99)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#63b4ae
```
#63b4ae rgb(99,180,174)
```

Analogous Color

#b4636a
```
#b4636a rgb(180,99,106)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#ae63b4
```
#ae63b4 rgb(174,99,180)
```

Split Complementary Color

#b48563
```
#b48563 rgb(180,133,99)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#8563b4
```
#8563b4 rgb(133,99,180)
```

Triadic Color

#92b463
```
#92b463 rgb(146,180,99)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#8563b4
```
#8563b4 rgb(133,99,180)
```
#b46392
```
#b46392 rgb(180,99,146)
```

Tetradic Color

#428960
```
#428960 rgb(66,137,96)
```
#4a9a6c
```
#4a9a6c rgb(74,154,108)
```
#52ab78
```
#52ab78 rgb(82,171,120)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#74bc92
```
#74bc92 rgb(116,188,146)
```
#85c5a0
```
#85c5a0 rgb(133,197,160)
```
#97cdad
```
#97cdad rgb(151,205,173)
```

Monochromatic Color

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

#63b471
```
#63b471 rgb(99,180,113)
```
#63b478
```
#63b478 rgb(99,180,120)
```
#63b47e
```
#63b47e rgb(99,180,126)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#63b48c
```
#63b48c rgb(99,180,140)
```
#63b493
```
#63b493 rgb(99,180,147)
```
#63b499
```
#63b499 rgb(99,180,153)
```

Similar Colors

Text with hexadecimal color #63b485

This text has a font color of #63b485.

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

#63b485 background color

This paragraph has a background color of #63b485.

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

#63b485 border color

This element has a border color of #63b485.

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

CSS codes

.text {color:#63b485;}

.background {background-color:#63b485;}

.border {border:1px solid #63b485;}

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

#010302
```
#010302 rgb(1,3,2)
```
#08100b
```
#08100b rgb(8,16,11)
```
#0e1d15
```
#0e1d15 rgb(14,29,21)
```
#152b1e
```
#152b1e rgb(21,43,30)
```
#1b3827
```
#1b3827 rgb(27,56,39)
```
#214530
```
#214530 rgb(33,69,48)
```
#28523a
```
#28523a rgb(40,82,58)
```
#2e6043
```
#2e6043 rgb(46,96,67)
```
#346d4c
```
#346d4c rgb(52,109,76)
```
#3b7a55
```
#3b7a55 rgb(59,122,85)
```
#41875f
```
#41875f rgb(65,135,95)
```
#479568
```
#479568 rgb(71,149,104)
```
#4ea271
```
#4ea271 rgb(78,162,113)
```

Shade Color Variation

#56ae7b
```
#56ae7b rgb(86,174,123)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#70ba8f
```
#70ba8f rgb(112,186,143)
```
#7dc19a
```
#7dc19a rgb(125,193,154)
```
#8bc7a4
```
#8bc7a4 rgb(139,199,164)
```
#98cdae
```
#98cdae rgb(152,205,174)
```
#a5d4b9
```
#a5d4b9 rgb(165,212,185)
```
#b2dac3
```
#b2dac3 rgb(178,218,195)
```
#c0e1ce
```
#c0e1ce rgb(192,225,206)
```
#cde7d8
```
#cde7d8 rgb(205,231,216)
```
#daede2
```
#daede2 rgb(218,237,226)
```
#e7f4ed
```
#e7f4ed rgb(231,244,237)
```
#f5faf7
```
#f5faf7 rgb(245,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87908b is the less saturated color, while #1cfb7a is the most saturated one.

#87908b
```
#87908b rgb(135,144,139)
```
#7e9989
```
#7e9989 rgb(126,153,137)
```
#75a288
```
#75a288 rgb(117,162,136)
```
#6cab86
```
#6cab86 rgb(108,171,134)
```
#63b485
```
#63b485 rgb(99,180,133)
```
#5abd84
```
#5abd84 rgb(90,189,132)
```
#51c682
```
#51c682 rgb(81,198,130)
```
#48cf81
```
#48cf81 rgb(72,207,129)
```
#3fd87f
```
#3fd87f rgb(63,216,127)
```
#37e07e
```
#37e07e rgb(55,224,126)
```
#2ee97c
```
#2ee97c rgb(46,233,124)
```
#25f27b
```
#25f27b rgb(37,242,123)
```
#1cfb7a
```
#1cfb7a rgb(28,251,122)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8c9c93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a884 Protanopia 1% of men
#c0a292 Deuteranopia 1% of men
#79b1bd Tritanopia 0.001% of the population

Trichromacy

#96ac84 Protanomaly 1% of men, 0.01% of women
#9ea88d Deuteranomaly 6% of men, 0.4% of women
#71b2a9 Tritanomaly 0.01% of the population

#63b485 hex color

#63b485 Color Information

#63b485 Color Conversion

Color Schemes with #63b485

Alternatives to #63b485

#63b485 Preview

Shades and Tints of #63b485

Tones of #63b485

Color Blindness Simulator