#6bdde2 hex color

In a RGB color space, hex #6bdde2 is composed of 42% red, 86.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 2.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 182.5 degrees, a saturation of 67.2% and a lightness of 65.3%. #6bdde2 color hex could be obtained by blending #d6ffff with #00bbc5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 87
- B 89
RGB color chart
- C 53
- M 2
- Y 0
- K 11
CMYK color chart

● #6bdde2 color description : Soft cyan.

The hexadecimal color #6bdde2 has RGB values of R:107, G:221, B:226 and CMYK values of C:0.53, M:0.02, Y:0, K:0.11. Its decimal value is 7069154.

Hex triplet	6bdde2	`#6bdde2`
RGB Decimal	107, 221, 226	`rgb(107,221,226)`
RGB Percent	42, 86.7, 88.6	`rgb(42%,86.7%,88.6%)`
CMYK	53, 2, 0, 11
HSL	182.5°, 67.2, 65.3	`hsl(182.5,67.2%,65.3%)`
HSV (or HSB)	182.5°, 52.7, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.015, -30.933, -12.366
XYZ	45.643, 60.326, 81.186
xyY	0.244, 0.322, 60.326
CIE-LCH	82.015, 33.314, 201.79
CIE-LUV	82.015, -47.918, -14.556
Hunter-Lab	77.67, -31.026, -7.605
Binary	01101011, 11011101, 11100010

#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#e2706b
```
#e2706b rgb(226,112,107)
```

Complementary Color

#6be2ac
```
#6be2ac rgb(107,226,172)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#6ba2e2
```
#6ba2e2 rgb(107,162,226)
```

Analogous Color

#e2ac6b
```
#e2ac6b rgb(226,172,107)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#e26ba2
```
#e26ba2 rgb(226,107,162)
```

Split Complementary Color

#dde26b
```
#dde26b rgb(221,226,107)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#e26bdd
```
#e26bdd rgb(226,107,221)
```

Triadic Color

#6be270
```
#6be270 rgb(107,226,112)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#e26bdd
```
#e26bdd rgb(226,107,221)
```
#e2706b
```
#e2706b rgb(226,112,107)
```

Tetradic Color

#2bced5
```
#2bced5 rgb(43,206,213)
```
#40d3da
```
#40d3da rgb(64,211,218)
```
#56d8de
```
#56d8de rgb(86,216,222)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#80e2e6
```
#80e2e6 rgb(128,226,230)
```
#96e7ea
```
#96e7ea rgb(150,231,234)
```
#abecef
```
#abecef rgb(171,236,239)
```

Monochromatic Color

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

#6be2c9
```
#6be2c9 rgb(107,226,201)
```
#6be2d3
```
#6be2d3 rgb(107,226,211)
```
#6be2dd
```
#6be2dd rgb(107,226,221)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#6bd3e2
```
#6bd3e2 rgb(107,211,226)
```
#6bc9e2
```
#6bc9e2 rgb(107,201,226)
```
#6bbfe2
```
#6bbfe2 rgb(107,191,226)
```

Similar Colors

Text with hexadecimal color #6bdde2

This text has a font color of #6bdde2.

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

#6bdde2 background color

This paragraph has a background color of #6bdde2.

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

#6bdde2 border color

This element has a border color of #6bdde2.

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

CSS codes

.text {color:#6bdde2;}

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

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

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

#030f10
```
#030f10 rgb(3,15,16)
```
#061f20
```
#061f20 rgb(6,31,32)
```
#0a2f31
```
#0a2f31 rgb(10,47,49)
```
#0d3f41
```
#0d3f41 rgb(13,63,65)
```
#104f52
```
#104f52 rgb(16,79,82)
```
#135f62
```
#135f62 rgb(19,95,98)
```
#166f72
```
#166f72 rgb(22,111,114)
```
#1a7e83
```
#1a7e83 rgb(26,126,131)
```
#1d8e93
```
#1d8e93 rgb(29,142,147)
```
#209ea4
```
#209ea4 rgb(32,158,164)
```
#23aeb4
```
#23aeb4 rgb(35,174,180)
```
#26bec4
```
#26bec4 rgb(38,190,196)
```
#2aced5
```
#2aced5 rgb(42,206,213)
```

Shade Color Variation

#3ad2d8
```
#3ad2d8 rgb(58,210,216)
```
#4ad5dc
```
#4ad5dc rgb(74,213,220)
```
#5bd9df
```
#5bd9df rgb(91,217,223)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#7be1e5
```
#7be1e5 rgb(123,225,229)
```
#8ce5e8
```
#8ce5e8 rgb(140,229,232)
```
#9ce8ec
```
#9ce8ec rgb(156,232,236)
```
#adecef
```
#adecef rgb(173,236,239)
```
#bdf0f2
```
#bdf0f2 rgb(189,240,242)
```
#cdf4f5
```
#cdf4f5 rgb(205,244,245)
```
#def7f8
```
#def7f8 rgb(222,247,248)
```
#eefbfc
```
#eefbfc rgb(238,251,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a1abac
```
#a1abac rgb(161,171,172)
```
#9bb1b2
```
#9bb1b2 rgb(155,177,178)
```
#94b8b9
```
#94b8b9 rgb(148,184,185)
```
#8dbec0
```
#8dbec0 rgb(141,190,192)
```
#86c4c7
```
#86c4c7 rgb(134,196,199)
```
#7fcace
```
#7fcace rgb(127,202,206)
```
#79d1d4
```
#79d1d4 rgb(121,209,212)
```
#72d7db
```
#72d7db rgb(114,215,219)
```
#6bdde2
```
#6bdde2 rgb(107,221,226)
```
#64e3e9
```
#64e3e9 rgb(100,227,233)
```
#5de9f0
```
#5de9f0 rgb(93,233,240)
```
#57f0f6
```
#57f0f6 rgb(87,240,246)
```
#50f6fd
```
#50f6fd rgb(80,246,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#abc2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecdd9 Protanopia 1% of men
#d3c9eb Deuteranopia 1% of men
#77dded Tritanopia 0.001% of the population

Trichromacy

#aad3dc Protanomaly 1% of men, 0.01% of women
#add0e7 Deuteranomaly 6% of men, 0.4% of women
#72dde9 Tritanomaly 0.01% of the population

#6bdde2 hex color

#6bdde2 Color Information

#6bdde2 Color Conversion

Color Schemes with #6bdde2

Alternatives to #6bdde2

#6bdde2 Preview

Shades and Tints of #6bdde2

Tones of #6bdde2

Color Blindness Simulator