#6bafee hex color

In a RGB color space, hex #6bafee is composed of 42% red, 68.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 26.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 208.9 degrees, a saturation of 79.4% and a lightness of 67.6%. #6bafee color hex could be obtained by blending #d6ffff with #005fdd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 69
- B 93
RGB color chart
- C 55
- M 26
- Y 0
- K 7
CMYK color chart

● #6bafee color description : Soft blue.

The hexadecimal color #6bafee has RGB values of R:107, G:175, B:238 and CMYK values of C:0.55, M:0.26, Y:0, K:0.07. Its decimal value is 7057390.

Hex triplet	6bafee	`#6bafee`
RGB Decimal	107, 175, 238	`rgb(107,175,238)`
RGB Percent	42, 68.6, 93.3	`rgb(42%,68.6%,93.3%)`
CMYK	55, 26, 0, 7
HSL	208.9°, 79.4, 67.6	`hsl(208.9,79.4%,67.6%)`
HSV (or HSB)	208.9°, 55, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.439, -3.772, -38.035
XYZ	36.822, 39.957, 86.656
xyY	0.225, 0.244, 39.957
CIE-LCH	69.439, 38.222, 264.336
CIE-LUV	69.439, -30.222, -60.525
Hunter-Lab	63.211, -6.638, -37.033
Binary	01101011, 10101111, 11101110

#6bafee
```
#6bafee rgb(107,175,238)
```
#eeaa6b
```
#eeaa6b rgb(238,170,107)
```

Complementary Color

#6beeec
```
#6beeec rgb(107,238,236)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#6b6eee
```
#6b6eee rgb(107,110,238)
```

Analogous Color

#eeec6b
```
#eeec6b rgb(238,236,107)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#ee6b6e
```
#ee6b6e rgb(238,107,110)
```

Split Complementary Color

#afee6b
```
#afee6b rgb(175,238,107)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#ee6baf
```
#ee6baf rgb(238,107,175)
```

Triadic Color

#6beeaa
```
#6beeaa rgb(107,238,170)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#ee6baf
```
#ee6baf rgb(238,107,175)
```
#eeaa6b
```
#eeaa6b rgb(238,170,107)
```

Tetradic Color

#268ae6
```
#268ae6 rgb(38,138,230)
```
#3d96e9
```
#3d96e9 rgb(61,150,233)
```
#54a3eb
```
#54a3eb rgb(84,163,235)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#82bbf1
```
#82bbf1 rgb(130,187,241)
```
#99c8f3
```
#99c8f3 rgb(153,200,243)
```
#b0d4f6
```
#b0d4f6 rgb(176,212,246)
```

Monochromatic Color

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

#6bd0ee
```
#6bd0ee rgb(107,208,238)
```
#6bc5ee
```
#6bc5ee rgb(107,197,238)
```
#6bbaee
```
#6bbaee rgb(107,186,238)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#6ba4ee
```
#6ba4ee rgb(107,164,238)
```
#6b99ee
```
#6b99ee rgb(107,153,238)
```
#6b8eee
```
#6b8eee rgb(107,142,238)
```

Similar Colors

Text with hexadecimal color #6bafee

This text has a font color of #6bafee.

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

#6bafee background color

This paragraph has a background color of #6bafee.

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

#6bafee border color

This element has a border color of #6bafee.

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

CSS codes

.text {color:#6bafee;}

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

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

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, #01060a is the darkest color, while #f8fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03101c
```
#03101c rgb(3,16,28)
```
#051a2e
```
#051a2e rgb(5,26,46)
```
#07243f
```
#07243f rgb(7,36,63)
```
#092e51
```
#092e51 rgb(9,46,81)
```
#0b3862
```
#0b3862 rgb(11,56,98)
```
#0d4374
```
#0d4374 rgb(13,67,116)
```
#0f4d86
```
#0f4d86 rgb(15,77,134)
```
#115797
```
#115797 rgb(17,87,151)
```
#1361a9
```
#1361a9 rgb(19,97,169)
```
#156bba
```
#156bba rgb(21,107,186)
```
#1775cc
```
#1775cc rgb(23,117,204)
```
#197fdd
```
#197fdd rgb(25,127,221)
```

Shade Color Variation

#2589e6
```
#2589e6 rgb(37,137,230)
```
#3692e8
```
#3692e8 rgb(54,146,232)
```
#489cea
```
#489cea rgb(72,156,234)
```
#59a5ec
```
#59a5ec rgb(89,165,236)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#7db9f0
```
#7db9f0 rgb(125,185,240)
```
#8ec2f2
```
#8ec2f2 rgb(142,194,242)
```
#a0ccf4
```
#a0ccf4 rgb(160,204,244)
```
#b1d5f6
```
#b1d5f6 rgb(177,213,246)
```
#c3dff8
```
#c3dff8 rgb(195,223,248)
```
#d5e8fa
```
#d5e8fa rgb(213,232,250)
```
#e6f2fc
```
#e6f2fc rgb(230,242,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#aaadaf
```
#aaadaf rgb(170,173,175)
```
#a4adb5
```
#a4adb5 rgb(164,173,181)
```
#9eadbb
```
#9eadbb rgb(158,173,187)
```
#97adc2
```
#97adc2 rgb(151,173,194)
```
#91aec8
```
#91aec8 rgb(145,174,200)
```
#8baece
```
#8baece rgb(139,174,206)
```
#84aed5
```
#84aed5 rgb(132,174,213)
```
#7eaedb
```
#7eaedb rgb(126,174,219)
```
#78afe1
```
#78afe1 rgb(120,175,225)
```
#71afe8
```
#71afe8 rgb(113,175,232)
```
#6bafee
```
#6bafee rgb(107,175,238)
```
#65aff4
```
#65aff4 rgb(101,175,244)
```
#5eaffb
```
#5eaffb rgb(94,175,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#97a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe9 Protanopia 1% of men
#92acf1 Deuteranopia 1% of men
#5fbac8 Tritanopia 0.001% of the population

Trichromacy

#89adeb Protanomaly 1% of men, 0.01% of women
#83adf0 Deuteranomaly 6% of men, 0.4% of women
#63b6d6 Tritanomaly 0.01% of the population

#6bafee hex color

#6bafee Color Information

#6bafee Color Conversion

Color Schemes with #6bafee

Alternatives to #6bafee

#6bafee Preview

Shades and Tints of #6bafee

Tones of #6bafee

Color Blindness Simulator