#6bdff2 hex color

In a RGB color space, hex #6bdff2 is composed of 42% red, 87.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 7.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 188.4 degrees, a saturation of 83.9% and a lightness of 68.4%. #6bdff2 color hex could be obtained by blending #d6ffff with #00bfe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 42
- G 87
- B 95
RGB color chart
- C 56
- M 8
- Y 0
- K 5
CMYK color chart

● #6bdff2 color description : Soft cyan.

The hexadecimal color #6bdff2 has RGB values of R:107, G:223, B:242 and CMYK values of C:0.56, M:0.08, Y:0, K:0.05. Its decimal value is 7069682.

Hex triplet	6bdff2	`#6bdff2`
RGB Decimal	107, 223, 242	`rgb(107,223,242)`
RGB Percent	42, 87.5, 94.9	`rgb(42%,87.5%,94.9%)`
CMYK	56, 8, 0, 5
HSL	188.4°, 83.9, 68.4	`hsl(188.4,83.9%,68.4%)`
HSV (or HSB)	188.4°, 55.8, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.077, -27.579, -19.257
XYZ	48.474, 62.308, 93.472
xyY	0.237, 0.305, 62.308
CIE-LCH	83.077, 33.637, 214.925
CIE-LUV	83.077, -47.934, -26.476
Hunter-Lab	78.936, -28.522, -14.953
Binary	01101011, 11011111, 11110010

#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#f27e6b
```
#f27e6b rgb(242,126,107)
```

Complementary Color

#6bf2c2
```
#6bf2c2 rgb(107,242,194)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#6b9cf2
```
#6b9cf2 rgb(107,156,242)
```

Analogous Color

#f2c26b
```
#f2c26b rgb(242,194,107)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#f26b9c
```
#f26b9c rgb(242,107,156)
```

Split Complementary Color

#dff26b
```
#dff26b rgb(223,242,107)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#f26bdf
```
#f26bdf rgb(242,107,223)
```

Triadic Color

#6bf27e
```
#6bf27e rgb(107,242,126)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#f26bdf
```
#f26bdf rgb(242,107,223)
```
#f27e6b
```
#f27e6b rgb(242,126,107)
```

Tetradic Color

#25d0ec
```
#25d0ec rgb(37,208,236)
```
#3cd5ee
```
#3cd5ee rgb(60,213,238)
```
#54daf0
```
#54daf0 rgb(84,218,240)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#82e4f4
```
#82e4f4 rgb(130,228,244)
```
#9ae9f6
```
#9ae9f6 rgb(154,233,246)
```
#b1eef8
```
#b1eef8 rgb(177,238,248)
```

Monochromatic Color

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

#6bf2e3
```
#6bf2e3 rgb(107,242,227)
```
#6bf2ef
```
#6bf2ef rgb(107,242,239)
```
#6beaf2
```
#6beaf2 rgb(107,234,242)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#6bd4f2
```
#6bd4f2 rgb(107,212,242)
```
#6bc9f2
```
#6bc9f2 rgb(107,201,242)
```
#6bbdf2
```
#6bbdf2 rgb(107,189,242)
```

Similar Colors

Text with hexadecimal color #6bdff2

This text has a font color of #6bdff2.

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

#6bdff2 background color

This paragraph has a background color of #6bdff2.

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

#6bdff2 border color

This element has a border color of #6bdff2.

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

CSS codes

.text {color:#6bdff2;}

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

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

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, #010c0e is the darkest color, while #fbfeff is the lightest one.

#010c0e
```
#010c0e rgb(1,12,14)
```
#031c20
```
#031c20 rgb(3,28,32)
```
#042c32
```
#042c32 rgb(4,44,50)
```
#063c44
```
#063c44 rgb(6,60,68)
```
#084b56
```
#084b56 rgb(8,75,86)
```
#095b68
```
#095b68 rgb(9,91,104)
```
#0b6b7a
```
#0b6b7a rgb(11,107,122)
```
#0c7a8d
```
#0c7a8d rgb(12,122,141)
```
#0e8a9f
```
#0e8a9f rgb(14,138,159)
```
#109ab1
```
#109ab1 rgb(16,154,177)
```
#11aac3
```
#11aac3 rgb(17,170,195)
```
#13b9d5
```
#13b9d5 rgb(19,185,213)
```
#14c9e7
```
#14c9e7 rgb(20,201,231)
```

Shade Color Variation

#23cfec
```
#23cfec rgb(35,207,236)
```
#35d3ed
```
#35d3ed rgb(53,211,237)
```
#47d7ef
```
#47d7ef rgb(71,215,239)
```
#59dbf0
```
#59dbf0 rgb(89,219,240)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#7de3f4
```
#7de3f4 rgb(125,227,244)
```
#8fe7f5
```
#8fe7f5 rgb(143,231,245)
```
#a1ebf7
```
#a1ebf7 rgb(161,235,247)
```
#b3eff8
```
#b3eff8 rgb(179,239,248)
```
#c5f2fa
```
#c5f2fa rgb(197,242,250)
```
#d7f6fc
```
#d7f6fc rgb(215,246,252)
```
#e9fafd
```
#e9fafd rgb(233,250,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#a9b3b4
```
#a9b3b4 rgb(169,179,180)
```
#a3b7ba
```
#a3b7ba rgb(163,183,186)
```
#9dbbc0
```
#9dbbc0 rgb(157,187,192)
```
#96c0c7
```
#96c0c7 rgb(150,192,199)
```
#90c4cd
```
#90c4cd rgb(144,196,205)
```
#8ac9d3
```
#8ac9d3 rgb(138,201,211)
```
#84cdd9
```
#84cdd9 rgb(132,205,217)
```
#7ed2df
```
#7ed2df rgb(126,210,223)
```
#77d6e6
```
#77d6e6 rgb(119,214,230)
```
#71dbec
```
#71dbec rgb(113,219,236)
```
#6bdff2
```
#6bdff2 rgb(107,223,242)
```
#65e3f8
```
#65e3f8 rgb(101,227,248)
```
#5fe8fe
```
#5fe8fe rgb(95,232,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#adc5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcfe8 Protanopia 1% of men
#cfcdf9 Deuteranopia 1% of men
#72e0f1 Tritanopia 0.001% of the population

Trichromacy

#a9d5ec Protanomaly 1% of men, 0.01% of women
#aad3f6 Deuteranomaly 6% of men, 0.4% of women
#6fe0f1 Tritanomaly 0.01% of the population

#6bdff2 hex color

#6bdff2 Color Information

#6bdff2 Color Conversion

Color Schemes with #6bdff2

Alternatives to #6bdff2

#6bdff2 Preview

Shades and Tints of #6bdff2

Tones of #6bdff2

Color Blindness Simulator