#6bcedc hex color

In a RGB color space, hex #6bcedc is composed of 42% red, 80.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 6.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 187.4 degrees, a saturation of 61.7% and a lightness of 64.1%. #6bcedc color hex could be obtained by blending #d6ffff with #009db9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 81
- B 86
RGB color chart
- C 51
- M 6
- Y 0
- K 14
CMYK color chart

● #6bcedc color description : Soft cyan.

The hexadecimal color #6bcedc has RGB values of R:107, G:206, B:220 and CMYK values of C:0.51, M:0.06, Y:0, K:0.14. Its decimal value is 7065308.

Hex triplet	6bcedc	`#6bcedc`
RGB Decimal	107, 206, 220	`rgb(107,206,220)`
RGB Percent	42, 80.8, 86.3	`rgb(42%,80.8%,86.3%)`
CMYK	51, 6, 0, 14
HSL	187.4°, 61.7, 64.1	`hsl(187.4,61.7%,64.1%)`
HSV (or HSB)	187.4°, 51.4, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.539, -25.242, -15.875
XYZ	41.049, 52.433, 75.664
xyY	0.243, 0.31, 52.433
CIE-LCH	77.539, 29.819, 212.166
CIE-LUV	77.539, -42.471, -21.01
Hunter-Lab	72.411, -25.527, -11.266
Binary	01101011, 11001110, 11011100

#6bcedc
```
#6bcedc rgb(107,206,220)
```
#dc796b
```
#dc796b rgb(220,121,107)
```

Complementary Color

#6bdcb2
```
#6bdcb2 rgb(107,220,178)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#6b96dc
```
#6b96dc rgb(107,150,220)
```

Analogous Color

#dcb26b
```
#dcb26b rgb(220,178,107)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#dc6b96
```
#dc6b96 rgb(220,107,150)
```

Split Complementary Color

#cedc6b
```
#cedc6b rgb(206,220,107)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#dc6bce
```
#dc6bce rgb(220,107,206)
```

Triadic Color

#6bdc79
```
#6bdc79 rgb(107,220,121)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#dc6bce
```
#dc6bce rgb(220,107,206)
```
#dc796b
```
#dc796b rgb(220,121,107)
```

Tetradic Color

#30b7cb
```
#30b7cb rgb(48,183,203)
```
#42c0d2
```
#42c0d2 rgb(66,192,210)
```
#56c7d7
```
#56c7d7 rgb(86,199,215)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#80d5e1
```
#80d5e1 rgb(128,213,225)
```
#94dce6
```
#94dce6 rgb(148,220,230)
```
#a9e2eb
```
#a9e2eb rgb(169,226,235)
```

Monochromatic Color

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

#6bdcce
```
#6bdcce rgb(107,220,206)
```
#6bdcd7
```
#6bdcd7 rgb(107,220,215)
```
#6bd7dc
```
#6bd7dc rgb(107,215,220)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#6bc5dc
```
#6bc5dc rgb(107,197,220)
```
#6bbbdc
```
#6bbbdc rgb(107,187,220)
```
#6bb2dc
```
#6bb2dc rgb(107,178,220)
```

Similar Colors

Text with hexadecimal color #6bcedc

This text has a font color of #6bcedc.

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

#6bcedc background color

This paragraph has a background color of #6bcedc.

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

#6bcedc border color

This element has a border color of #6bcedc.

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

CSS codes

.text {color:#6bcedc;}

.background {background-color:#6bcedc;}

.border {border:1px solid #6bcedc;}

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, #030a0b is the darkest color, while #fafdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#06181b
```
#06181b rgb(6,24,27)
```
#0a262a
```
#0a262a rgb(10,38,42)
```
#0e353a
```
#0e353a rgb(14,53,58)
```
#12434a
```
#12434a rgb(18,67,74)
```
#15515a
```
#15515a rgb(21,81,90)
```
#19606a
```
#19606a rgb(25,96,106)
```
#1d6e7a
```
#1d6e7a rgb(29,110,122)
```
#217d8a
```
#217d8a rgb(33,125,138)
```
#248b99
```
#248b99 rgb(36,139,153)
```
#2899a9
```
#2899a9 rgb(40,153,169)
```
#2ca8b9
```
#2ca8b9 rgb(44,168,185)
```
#30b6c9
```
#30b6c9 rgb(48,182,201)
```

Shade Color Variation

#3bbed1
```
#3bbed1 rgb(59,190,209)
```
#4bc3d4
```
#4bc3d4 rgb(75,195,212)
```
#5bc9d8
```
#5bc9d8 rgb(91,201,216)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#7bd3e0
```
#7bd3e0 rgb(123,211,224)
```
#8bd9e4
```
#8bd9e4 rgb(139,217,228)
```
#9bdee7
```
#9bdee7 rgb(155,222,231)
```
#aae3eb
```
#aae3eb rgb(170,227,235)
```
#bae8ef
```
#bae8ef rgb(186,232,239)
```
#caeef3
```
#caeef3 rgb(202,238,243)
```
#daf3f6
```
#daf3f6 rgb(218,243,246)
```
#eaf8fa
```
#eaf8fa rgb(234,248,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a3a4a4
```
#a3a4a4 rgb(163,164,164)
```
#9ca9ab
```
#9ca9ab rgb(156,169,171)
```
#95aeb2
```
#95aeb2 rgb(149,174,178)
```
#8eb4b9
```
#8eb4b9 rgb(142,180,185)
```
#87b9c0
```
#87b9c0 rgb(135,185,192)
```
#80bec7
```
#80bec7 rgb(128,190,199)
```
#79c3ce
```
#79c3ce rgb(121,195,206)
```
#72c9d5
```
#72c9d5 rgb(114,201,213)
```
#6bcedc
```
#6bcedc rgb(107,206,220)
```
#64d3e3
```
#64d3e3 rgb(100,211,227)
```
#5dd9ea
```
#5dd9ea rgb(93,217,234)
```
#56def1
```
#56def1 rgb(86,222,241)
```
#4fe3f8
```
#4fe3f8 rgb(79,227,248)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a4b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c1d5 Protanopia 1% of men
#c3bee4 Deuteranopia 1% of men
#73d0df Tritanopia 0.001% of the population

Trichromacy

#a1c6d7 Protanomaly 1% of men, 0.01% of women
#a3c4e1 Deuteranomaly 6% of men, 0.4% of women
#70cfde Tritanomaly 0.01% of the population

#6bcedc hex color

#6bcedc Color Information

#6bcedc Color Conversion

Color Schemes with #6bcedc

Alternatives to #6bcedc

#6bcedc Preview

Shades and Tints of #6bcedc

Tones of #6bcedc

Color Blindness Simulator