#4bb4cd hex color

In a RGB color space, hex #4bb4cd is composed of 29.4% red, 70.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 12.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 191.5 degrees, a saturation of 56.5% and a lightness of 54.9%. #4bb4cd color hex could be obtained by blending #96ffff with #00699b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 29
- G 71
- B 80
RGB color chart
- C 63
- M 12
- Y 0
- K 20
CMYK color chart

● #4bb4cd color description : Moderate cyan.

The hexadecimal color #4bb4cd has RGB values of R:75, G:180, B:205 and CMYK values of C:0.63, M:0.12, Y:0, K:0.2. Its decimal value is 4961485.

Hex triplet	4bb4cd	`#4bb4cd`
RGB Decimal	75, 180, 205	`rgb(75,180,205)`
RGB Percent	29.4, 70.6, 80.4	`rgb(29.4%,70.6%,80.4%)`
CMYK	63, 12, 0, 20
HSL	191.5°, 56.5, 54.9	`hsl(191.5,56.5%,54.9%)`
HSV (or HSB)	191.5°, 63.4, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.419, -22.542, -21.634
XYZ	30.239, 38.544, 63.6
xyY	0.228, 0.291, 38.544
CIE-LCH	68.419, 31.243, 223.823
CIE-LUV	68.419, -41.352, -30.493
Hunter-Lab	62.084, -21.703, -17.28
Binary	01001011, 10110100, 11001101

#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#cd644b
```
#cd644b rgb(205,100,75)
```

Complementary Color

#4bcda5
```
#4bcda5 rgb(75,205,165)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#4b73cd
```
#4b73cd rgb(75,115,205)
```

Analogous Color

#cda54b
```
#cda54b rgb(205,165,75)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#cd4b73
```
#cd4b73 rgb(205,75,115)
```

Split Complementary Color

#b4cd4b
```
#b4cd4b rgb(180,205,75)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#cd4bb4
```
#cd4bb4 rgb(205,75,180)
```

Triadic Color

#4bcd64
```
#4bcd64 rgb(75,205,100)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#cd4bb4
```
#cd4bb4 rgb(205,75,180)
```
#cd644b
```
#cd644b rgb(205,100,75)
```

Tetradic Color

#2c899f
```
#2c899f rgb(44,137,159)
```
#329ab3
```
#329ab3 rgb(50,154,179)
```
#37acc7
```
#37acc7 rgb(55,172,199)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#5fbcd3
```
#5fbcd3 rgb(95,188,211)
```
#73c5d8
```
#73c5d8 rgb(115,197,216)
```
#87cdde
```
#87cdde rgb(135,205,222)
```

Monochromatic Color

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

#4bcdc6
```
#4bcdc6 rgb(75,205,198)
```
#4bcacd
```
#4bcacd rgb(75,202,205)
```
#4bbfcd
```
#4bbfcd rgb(75,191,205)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#4ba9cd
```
#4ba9cd rgb(75,169,205)
```
#4b9ecd
```
#4b9ecd rgb(75,158,205)
```
#4b94cd
```
#4b94cd rgb(75,148,205)
```

Similar Colors

Text with hexadecimal color #4bb4cd

This text has a font color of #4bb4cd.

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

#4bb4cd background color

This paragraph has a background color of #4bb4cd.

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

#4bb4cd border color

This element has a border color of #4bb4cd.

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

CSS codes

.text {color:#4bb4cd;}

.background {background-color:#4bb4cd;}

.border {border:1px solid #4bb4cd;}

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

#010404
```
#010404 rgb(1,4,4)
```
#051114
```
#051114 rgb(5,17,20)
```
#0a1e23
```
#0a1e23 rgb(10,30,35)
```
#0e2b32
```
#0e2b32 rgb(14,43,50)
```
#123942
```
#123942 rgb(18,57,66)
```
#164651
```
#164651 rgb(22,70,81)
```
#1b5360
```
#1b5360 rgb(27,83,96)
```
#1f6070
```
#1f6070 rgb(31,96,112)
```
#236d7f
```
#236d7f rgb(35,109,127)
```
#287b8e
```
#287b8e rgb(40,123,142)
```
#2c889e
```
#2c889e rgb(44,136,158)
```
#3095ad
```
#3095ad rgb(48,149,173)
```
#34a2bc
```
#34a2bc rgb(52,162,188)
```

Shade Color Variation

#3caec9
```
#3caec9 rgb(60,174,201)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#5abad1
```
#5abad1 rgb(90,186,209)
```
#6ac1d6
```
#6ac1d6 rgb(106,193,214)
```
#79c7da
```
#79c7da rgb(121,199,218)
```
#88cede
```
#88cede rgb(136,206,222)
```
#98d4e2
```
#98d4e2 rgb(152,212,226)
```
#a7dae7
```
#a7dae7 rgb(167,218,231)
```
#b6e1eb
```
#b6e1eb rgb(182,225,235)
```
#c6e7ef
```
#c6e7ef rgb(198,231,239)
```
#d5eef3
```
#d5eef3 rgb(213,238,243)
```
#e5f4f8
```
#e5f4f8 rgb(229,244,248)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#898e8f
```
#898e8f rgb(137,142,143)
```
#809398
```
#809398 rgb(128,147,152)
```
#7799a1
```
#7799a1 rgb(119,153,161)
```
#6e9eaa
```
#6e9eaa rgb(110,158,170)
```
#66a4b2
```
#66a4b2 rgb(102,164,178)
```
#5da9bb
```
#5da9bb rgb(93,169,187)
```
#54afc4
```
#54afc4 rgb(84,175,196)
```
#4bb4cd
```
#4bb4cd rgb(75,180,205)
```
#42b9d6
```
#42b9d6 rgb(66,185,214)
```
#39bfdf
```
#39bfdf rgb(57,191,223)
```
#30c4e8
```
#30c4e8 rgb(48,196,232)
```
#28caf0
```
#28caf0 rgb(40,202,240)
```
#1fcff9
```
#1fcff9 rgb(31,207,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#889da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aac7 Protanopia 1% of men
#a3a8d5 Deuteranopia 1% of men
#4eb9c6 Tritanopia 0.001% of the population

Trichromacy

#84adc9 Protanomaly 1% of men, 0.01% of women
#83acd2 Deuteranomaly 6% of men, 0.4% of women
#4db7c9 Tritanomaly 0.01% of the population

#4bb4cd hex color

#4bb4cd Color Information

#4bb4cd Color Conversion

Color Schemes with #4bb4cd

Alternatives to #4bb4cd

#4bb4cd Preview

Shades and Tints of #4bb4cd

Tones of #4bb4cd

Color Blindness Simulator