#6fbafe hex color

In a RGB color space, hex #6fbafe is composed of 43.5% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.5 degrees, a saturation of 98.6% and a lightness of 71.6%. #6fbafe color hex could be obtained by blending #deffff with #0075fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 73
- B 100
RGB color chart
- C 56
- M 27
- Y 0
- K 0
CMYK color chart

● #6fbafe color description : Soft blue.

The hexadecimal color #6fbafe has RGB values of R:111, G:186, B:254 and CMYK values of C:0.56, M:0.27, Y:0, K:0. Its decimal value is 7322366.

Hex triplet	6fbafe	`#6fbafe`
RGB Decimal	111, 186, 254	`rgb(111,186,254)`
RGB Percent	43.5, 72.9, 99.6	`rgb(43.5%,72.9%,99.6%)`
CMYK	56, 27, 0, 0
HSL	208.5°, 98.6, 71.6	`hsl(208.5,98.6%,71.6%)`
HSV (or HSB)	208.5°, 56.3, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.318, -4.155, -40.641
XYZ	42, 45.65, 100.359
xyY	0.223, 0.243, 45.65
CIE-LCH	73.318, 40.853, 264.162
CIE-LUV	73.318, -32.779, -65.392
Hunter-Lab	67.565, -7.28, -40.771
Binary	01101111, 10111010, 11111110

#6fbafe
```
#6fbafe rgb(111,186,254)
```
#feb36f
```
#feb36f rgb(254,179,111)
```

Complementary Color

#6ffefb
```
#6ffefb rgb(111,254,251)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#6f73fe
```
#6f73fe rgb(111,115,254)
```

Analogous Color

#fefb6f
```
#fefb6f rgb(254,251,111)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#fe6f73
```
#fe6f73 rgb(254,111,115)
```

Split Complementary Color

#bafe6f
```
#bafe6f rgb(186,254,111)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#fe6fba
```
#fe6fba rgb(254,111,186)
```

Triadic Color

#6ffeb3
```
#6ffeb3 rgb(111,254,179)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#fe6fba
```
#fe6fba rgb(254,111,186)
```
#feb36f
```
#feb36f rgb(254,179,111)
```

Tetradic Color

#2396fd
```
#2396fd rgb(35,150,253)
```
#3ca2fe
```
#3ca2fe rgb(60,162,254)
```
#56aefe
```
#56aefe rgb(86,174,254)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#88c6fe
```
#88c6fe rgb(136,198,254)
```
#a2d2fe
```
#a2d2fe rgb(162,210,254)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```

Monochromatic Color

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

#6fdefe
```
#6fdefe rgb(111,222,254)
```
#6fd2fe
```
#6fd2fe rgb(111,210,254)
```
#6fc6fe
```
#6fc6fe rgb(111,198,254)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#6faefe
```
#6faefe rgb(111,174,254)
```
#6fa2fe
```
#6fa2fe rgb(111,162,254)
```
#6f96fe
```
#6f96fe rgb(111,150,254)
```

Similar Colors

Text with hexadecimal color #6fbafe

This text has a font color of #6fbafe.

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

#6fbafe background color

This paragraph has a background color of #6fbafe.

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

#6fbafe border color

This element has a border color of #6fbafe.

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

CSS codes

.text {color:#6fbafe;}

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

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

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#00111f
```
#00111f rgb(0,17,31)
```
#001b33
```
#001b33 rgb(0,27,51)
```
#002546
```
#002546 rgb(0,37,70)
```
#012f5a
```
#012f5a rgb(1,47,90)
```
#013a6d
```
#013a6d rgb(1,58,109)
```
#014481
```
#014481 rgb(1,68,129)
```
#014e94
```
#014e94 rgb(1,78,148)
```
#0158a8
```
#0158a8 rgb(1,88,168)
```
#0163bb
```
#0163bb rgb(1,99,187)
```
#016dcf
```
#016dcf rgb(1,109,207)
```
#0277e2
```
#0277e2 rgb(2,119,226)
```
#0282f6
```
#0282f6 rgb(2,130,246)
```

Shade Color Variation

#0e8bfd
```
#0e8bfd rgb(14,139,253)
```
#2195fd
```
#2195fd rgb(33,149,253)
```
#359efe
```
#359efe rgb(53,158,254)
```
#48a7fe
```
#48a7fe rgb(72,167,254)
```
#5cb1fe
```
#5cb1fe rgb(92,177,254)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```
#82c3fe
```
#82c3fe rgb(130,195,254)
```
#96cdfe
```
#96cdfe rgb(150,205,254)
```
#a9d6fe
```
#a9d6fe rgb(169,214,254)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#d0e9ff
```
#d0e9ff rgb(208,233,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#b2b7bb
```
#b2b7bb rgb(178,183,187)
```
#acb7c1
```
#acb7c1 rgb(172,183,193)
```
#a7b7c6
```
#a7b7c6 rgb(167,183,198)
```
#a1b8cc
```
#a1b8cc rgb(161,184,204)
```
#9cb8d1
```
#9cb8d1 rgb(156,184,209)
```
#96b8d7
```
#96b8d7 rgb(150,184,215)
```
#90b8dd
```
#90b8dd rgb(144,184,221)
```
#8bb9e2
```
#8bb9e2 rgb(139,185,226)
```
#85b9e8
```
#85b9e8 rgb(133,185,232)
```
#80b9ed
```
#80b9ed rgb(128,185,237)
```
#7ab9f3
```
#7ab9f3 rgb(122,185,243)
```
#75baf8
```
#75baf8 rgb(117,186,248)
```
#6fbafe
```
#6fbafe rgb(111,186,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9faebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b5f8 Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#60c5d4 Tritanopia 0.001% of the population

Trichromacy

#8fb7fa Protanomaly 1% of men, 0.01% of women
#8ab7fe Deuteranomaly 6% of men, 0.4% of women
#66c1e3 Tritanomaly 0.01% of the population

#6fbafe hex color

#6fbafe Color Information

#6fbafe Color Conversion

Color Schemes with #6fbafe

Alternatives to #6fbafe

#6fbafe Preview

Shades and Tints of #6fbafe

Tones of #6fbafe

Color Blindness Simulator