colorhexa.com

#6fbff2 hex color

In a RGB color space, hex #6fbff2 is composed of 43.5% red, 74.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 21.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 203.4 degrees, a saturation of 83.4% and a lightness of 69.2%. #6fbff2 color hex could be obtained by blending #deffff with #007fe5. Closest websafe color is: #66ccff.

- R 44
- G 75
- B 95
RGB color chart
- C 54
- M 21
- Y 0
- K 5
CMYK color chart

● #6fbff2 color description : Soft blue.

The hexadecimal color #6fbff2 has RGB values of R:111, G:191, B:242 and CMYK values of C:0.54, M:0.21, Y:0, K:0.05. Its decimal value is 7323634.

Hex triplet	6fbff2	`#6fbff2`
RGB Decimal	111, 191, 242	`rgb(111,191,242)`
RGB Percent	43.5, 74.9, 94.9	`rgb(43.5%,74.9%,94.9%)`
CMYK	54, 21, 0, 5
HSL	203.4°, 83.4, 69.2	`hsl(203.4,83.4%,69.2%)`
HSV (or HSB)	203.4°, 54.1, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.221, -10.452, -32.773
XYZ	41.209, 47.049, 90.909
xyY	0.23, 0.263, 47.049
CIE-LCH	74.221, 34.399, 252.312
CIE-LUV	74.221, -34.912, -51.2
Hunter-Lab	68.593, -12.797, -30.565
Binary	01101111, 10111111, 11110010

#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#f2a26f
```
#f2a26f rgb(242,162,111)
```

Complementary Color

#6ff2e4
```
#6ff2e4 rgb(111,242,228)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#6f7ef2
```
#6f7ef2 rgb(111,126,242)
```

Analogous Color

#f2e46f
```
#f2e46f rgb(242,228,111)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#f26f7e
```
#f26f7e rgb(242,111,126)
```

Split Complementary Color

#bff26f
```
#bff26f rgb(191,242,111)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#f26fbf
```
#f26fbf rgb(242,111,191)
```

Triadic Color

#6ff2a2
```
#6ff2a2 rgb(111,242,162)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#f26fbf
```
#f26fbf rgb(242,111,191)
```
#f2a26f
```
#f2a26f rgb(242,162,111)
```

Tetradic Color

#29a0ec
```
#29a0ec rgb(41,160,236)
```
#40aaee
```
#40aaee rgb(64,170,238)
```
#58b5f0
```
#58b5f0 rgb(88,181,240)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#86c9f4
```
#86c9f4 rgb(134,201,244)
```
#9ed4f6
```
#9ed4f6 rgb(158,212,246)
```
#b5def8
```
#b5def8 rgb(181,222,248)
```

Monochromatic Color

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

#6fe0f2
```
#6fe0f2 rgb(111,224,242)
```
#6fd5f2
```
#6fd5f2 rgb(111,213,242)
```
#6fcaf2
```
#6fcaf2 rgb(111,202,242)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#6fb4f2
```
#6fb4f2 rgb(111,180,242)
```
#6fa9f2
```
#6fa9f2 rgb(111,169,242)
```
#6f9ef2
```
#6f9ef2 rgb(111,158,242)
```

Similar Colors

Text with hexadecimal color #6fbff2

This text has a font color of #6fbff2.

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

#6fbff2 background color

This paragraph has a background color of #6fbff2.

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

#6fbff2 border color

This element has a border color of #6fbff2.

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

CSS codes

.text {color:#6fbff2;}

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

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

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

#020c12
```
#020c12 rgb(2,12,18)
```
#031724
```
#031724 rgb(3,23,36)
```
#052336
```
#052336 rgb(5,35,54)
```
#062e48
```
#062e48 rgb(6,46,72)
```
#083a5a
```
#083a5a rgb(8,58,90)
```
#0a466c
```
#0a466c rgb(10,70,108)
```
#0b517e
```
#0b517e rgb(11,81,126)
```
#0d5d90
```
#0d5d90 rgb(13,93,144)
```
#0f69a2
```
#0f69a2 rgb(15,105,162)
```
#1074b4
```
#1074b4 rgb(16,116,180)
```
#1280c6
```
#1280c6 rgb(18,128,198)
```
#138bd8
```
#138bd8 rgb(19,139,216)
```
#1597ea
```
#1597ea rgb(21,151,234)
```

Shade Color Variation

#279fec
```
#279fec rgb(39,159,236)
```
#39a7ed
```
#39a7ed rgb(57,167,237)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#5db7f0
```
#5db7f0 rgb(93,183,240)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#81c7f4
```
#81c7f4 rgb(129,199,244)
```
#93cff5
```
#93cff5 rgb(147,207,245)
```
#a5d7f7
```
#a5d7f7 rgb(165,215,247)
```
#b7dff8
```
#b7dff8 rgb(183,223,248)
```
#c9e7fa
```
#c9e7fa rgb(201,231,250)
```
#dbeffc
```
#dbeffc rgb(219,239,252)
```
#edf7fd
```
#edf7fd rgb(237,247,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abb2b6
```
#abb2b6 rgb(171,178,182)
```
#a5b3bc
```
#a5b3bc rgb(165,179,188)
```
#9fb4c2
```
#9fb4c2 rgb(159,180,194)
```
#99b6c8
```
#99b6c8 rgb(153,182,200)
```
#93b7ce
```
#93b7ce rgb(147,183,206)
```
#8db8d4
```
#8db8d4 rgb(141,184,212)
```
#87bada
```
#87bada rgb(135,186,218)
```
#81bbe0
```
#81bbe0 rgb(129,187,224)
```
#7bbce6
```
#7bbce6 rgb(123,188,230)
```
#75beec
```
#75beec rgb(117,190,236)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#69c0f8
```
#69c0f8 rgb(105,192,248)
```
#63c2fe
```
#63c2fe rgb(99,194,254)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a1b1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb8ec Protanopia 1% of men
#a6b8f6 Deuteranopia 1% of men
#68c7d6 Tritanopia 0.001% of the population

Trichromacy

#95baee Protanomaly 1% of men, 0.01% of women
#92baf4 Deuteranomaly 6% of men, 0.4% of women
#6bc4e0 Tritanomaly 0.01% of the population