#3cbddd hex color

In a RGB color space, hex #3cbddd is composed of 23.5% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 191.9 degrees, a saturation of 70.3% and a lightness of 55.1%. #3cbddd color hex could be obtained by blending #78ffff with #007bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 24
- G 74
- B 87
RGB color chart
- C 73
- M 14
- Y 0
- K 13
CMYK color chart

● #3cbddd color description : Bright cyan.

The hexadecimal color #3cbddd has RGB values of R:60, G:189, B:221 and CMYK values of C:0.73, M:0.14, Y:0, K:0.13. Its decimal value is 3980765.

Hex triplet	3cbddd	`#3cbddd`
RGB Decimal	60, 189, 221	`rgb(60,189,221)`
RGB Percent	23.5, 74.1, 86.7	`rgb(23.5%,74.1%,86.7%)`
CMYK	73, 14, 0, 13
HSL	191.9°, 70.3, 55.1	`hsl(191.9,70.3%,55.1%)`
HSV (or HSB)	191.9°, 72.9, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.264, -24.333, -26.076
XYZ	33.109, 42.573, 74.875
xyY	0.22, 0.283, 42.573
CIE-LCH	71.264, 35.666, 226.98
CIE-LUV	71.264, -46.404, -37.856
Hunter-Lab	65.248, -23.609, -22.364
Binary	00111100, 10111101, 11011101

#3cbddd
```
#3cbddd rgb(60,189,221)
```
#dd5c3c
```
#dd5c3c rgb(221,92,60)
```

Complementary Color

#3cddad
```
#3cddad rgb(60,221,173)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#3c6ddd
```
#3c6ddd rgb(60,109,221)
```

Analogous Color

#ddad3c
```
#ddad3c rgb(221,173,60)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#dd3c6d
```
#dd3c6d rgb(221,60,109)
```

Split Complementary Color

#bddd3c
```
#bddd3c rgb(189,221,60)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#dd3cbd
```
#dd3cbd rgb(221,60,189)
```

Triadic Color

#3cdd5c
```
#3cdd5c rgb(60,221,92)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#dd3cbd
```
#dd3cbd rgb(221,60,189)
```
#dd5c3c
```
#dd5c3c rgb(221,92,60)
```

Tetradic Color

#1e92ae
```
#1e92ae rgb(30,146,174)
```
#22a4c4
```
#22a4c4 rgb(34,164,196)
```
#26b6d9
```
#26b6d9 rgb(38,182,217)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#52c4e1
```
#52c4e1 rgb(82,196,225)
```
#67cce5
```
#67cce5 rgb(103,204,229)
```
#7dd3e8
```
#7dd3e8 rgb(125,211,232)
```

Monochromatic Color

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

#3cddd5
```
#3cddd5 rgb(60,221,213)
```
#3cd8dd
```
#3cd8dd rgb(60,216,221)
```
#3ccadd
```
#3ccadd rgb(60,202,221)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#3cb0dd
```
#3cb0dd rgb(60,176,221)
```
#3ca2dd
```
#3ca2dd rgb(60,162,221)
```
#3c95dd
```
#3c95dd rgb(60,149,221)
```

Similar Colors

Text with hexadecimal color #3cbddd

This text has a font color of #3cbddd.

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

#3cbddd background color

This paragraph has a background color of #3cbddd.

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

#3cbddd border color

This element has a border color of #3cbddd.

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

CSS codes

.text {color:#3cbddd;}

.background {background-color:#3cbddd;}

.border {border:1px solid #3cbddd;}

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

#010505
```
#010505 rgb(1,5,5)
```
#041316
```
#041316 rgb(4,19,22)
```
#072027
```
#072027 rgb(7,32,39)
```
#0a2e38
```
#0a2e38 rgb(10,46,56)
```
#0d3c48
```
#0d3c48 rgb(13,60,72)
```
#104a59
```
#104a59 rgb(16,74,89)
```
#12586a
```
#12586a rgb(18,88,106)
```
#15667a
```
#15667a rgb(21,102,122)
```
#18748b
```
#18748b rgb(24,116,139)
```
#1b829c
```
#1b829c rgb(27,130,156)
```
#1e90ac
```
#1e90ac rgb(30,144,172)
```
#219ebd
```
#219ebd rgb(33,158,189)
```
#24acce
```
#24acce rgb(36,172,206)
```

Shade Color Variation

#2bb7da
```
#2bb7da rgb(43,183,218)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#4dc3e0
```
#4dc3e0 rgb(77,195,224)
```
#5dc8e3
```
#5dc8e3 rgb(93,200,227)
```
#6ecee6
```
#6ecee6 rgb(110,206,230)
```
#7fd4e9
```
#7fd4e9 rgb(127,212,233)
```
#90d9ec
```
#90d9ec rgb(144,217,236)
```
#a0dfee
```
#a0dfee rgb(160,223,238)
```
#b1e5f1
```
#b1e5f1 rgb(177,229,241)
```
#c2eaf4
```
#c2eaf4 rgb(194,234,244)
```
#d2f0f7
```
#d2f0f7 rgb(210,240,247)
```
#e3f6fa
```
#e3f6fa rgb(227,246,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #22cdf7 is the most saturated one.

#8b8d8e
```
#8b8d8e rgb(139,141,142)
```
#829397
```
#829397 rgb(130,147,151)
```
#7a989f
```
#7a989f rgb(122,152,159)
```
#719da8
```
#719da8 rgb(113,157,168)
```
#68a2b1
```
#68a2b1 rgb(104,162,177)
```
#5fa8ba
```
#5fa8ba rgb(95,168,186)
```
#56adc3
```
#56adc3 rgb(86,173,195)
```
#4eb2cb
```
#4eb2cb rgb(78,178,203)
```
#45b8d4
```
#45b8d4 rgb(69,184,212)
```
#3cbddd
```
#3cbddd rgb(60,189,221)
```
#33c2e6
```
#33c2e6 rgb(51,194,230)
```
#2ac8ef
```
#2ac8ef rgb(42,200,239)
```
#22cdf7
```
#22cdf7 rgb(34,205,247)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#87a1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d5 Protanopia 1% of men
#a6b0e5 Deuteranopia 1% of men
#38c2d1 Tritanopia 0.001% of the population

Trichromacy

#82b5d7 Protanomaly 1% of men, 0.01% of women
#7fb4e2 Deuteranomaly 6% of men, 0.4% of women
#3ac0d5 Tritanomaly 0.01% of the population

#3cbddd hex color

#3cbddd Color Information

#3cbddd Color Conversion

Color Schemes with #3cbddd

Alternatives to #3cbddd

#3cbddd Preview

Shades and Tints of #3cbddd

Tones of #3cbddd

Color Blindness Simulator