#6fb4ef hex color

In a RGB color space, hex #6fb4ef is composed of 43.5% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 207.7 degrees, a saturation of 80% and a lightness of 68.6%. #6fb4ef color hex could be obtained by blending #deffff with #0069df. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 71
- B 94
RGB color chart
- C 54
- M 25
- Y 0
- K 6
CMYK color chart

● #6fb4ef color description : Soft blue.

The hexadecimal color #6fb4ef has RGB values of R:111, G:180, B:239 and CMYK values of C:0.54, M:0.25, Y:0, K:0.06. Its decimal value is 7320815.

Hex triplet	6fb4ef	`#6fb4ef`
RGB Decimal	111, 180, 239	`rgb(111,180,239)`
RGB Percent	43.5, 70.6, 93.7	`rgb(43.5%,70.6%,93.7%)`
CMYK	54, 25, 0, 6
HSL	207.7°, 80, 68.6	`hsl(207.7,80%,68.6%)`
HSV (or HSB)	207.7°, 53.6, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.044, -5.39, -36.069
XYZ	38.453, 42.252, 87.786
xyY	0.228, 0.251, 42.252
CIE-LCH	71.044, 36.469, 261.501
CIE-LUV	71.044, -30.882, -57.16
Hunter-Lab	65.001, -8.156, -34.571
Binary	01101111, 10110100, 11101111

#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#efaa6f
```
#efaa6f rgb(239,170,111)
```

Complementary Color

#6fefea
```
#6fefea rgb(111,239,234)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#6f74ef
```
#6f74ef rgb(111,116,239)
```

Analogous Color

#efea6f
```
#efea6f rgb(239,234,111)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#ef6f74
```
#ef6f74 rgb(239,111,116)
```

Split Complementary Color

#b4ef6f
```
#b4ef6f rgb(180,239,111)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#ef6fb4
```
#ef6fb4 rgb(239,111,180)
```

Triadic Color

#6fefaa
```
#6fefaa rgb(111,239,170)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#ef6fb4
```
#ef6fb4 rgb(239,111,180)
```
#efaa6f
```
#efaa6f rgb(239,170,111)
```

Tetradic Color

#2a90e7
```
#2a90e7 rgb(42,144,231)
```
#419cea
```
#419cea rgb(65,156,234)
```
#58a8ec
```
#58a8ec rgb(88,168,236)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#86c0f2
```
#86c0f2 rgb(134,192,242)
```
#9dccf4
```
#9dccf4 rgb(157,204,244)
```
#b4d8f7
```
#b4d8f7 rgb(180,216,247)
```

Monochromatic Color

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

#6fd4ef
```
#6fd4ef rgb(111,212,239)
```
#6fc9ef
```
#6fc9ef rgb(111,201,239)
```
#6fbfef
```
#6fbfef rgb(111,191,239)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#6fa9ef
```
#6fa9ef rgb(111,169,239)
```
#6f9fef
```
#6f9fef rgb(111,159,239)
```
#6f94ef
```
#6f94ef rgb(111,148,239)
```

Similar Colors

Text with hexadecimal color #6fb4ef

This text has a font color of #6fb4ef.

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

#6fb4ef background color

This paragraph has a background color of #6fb4ef.

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

#6fb4ef border color

This element has a border color of #6fb4ef.

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

CSS codes

.text {color:#6fb4ef;}

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

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

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, #02090f is the darkest color, while #fcfeff is the lightest one.

#02090f
```
#02090f rgb(2,9,15)
```
#041321
```
#041321 rgb(4,19,33)
```
#061e32
```
#061e32 rgb(6,30,50)
```
#082844
```
#082844 rgb(8,40,68)
```
#0a3256
```
#0a3256 rgb(10,50,86)
```
#0b3d67
```
#0b3d67 rgb(11,61,103)
```
#0d4779
```
#0d4779 rgb(13,71,121)
```
#0f528a
```
#0f528a rgb(15,82,138)
```
#115c9c
```
#115c9c rgb(17,92,156)
```
#1367ae
```
#1367ae rgb(19,103,174)
```
#1571bf
```
#1571bf rgb(21,113,191)
```
#177bd1
```
#177bd1 rgb(23,123,209)
```
#1986e3
```
#1986e3 rgb(25,134,227)
```

Shade Color Variation

#288fe7
```
#288fe7 rgb(40,143,231)
```
#3a98e9
```
#3a98e9 rgb(58,152,233)
```
#4ca2eb
```
#4ca2eb rgb(76,162,235)
```
#5dabed
```
#5dabed rgb(93,171,237)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#81bdf1
```
#81bdf1 rgb(129,189,241)
```
#92c6f3
```
#92c6f3 rgb(146,198,243)
```
#a4d0f5
```
#a4d0f5 rgb(164,208,245)
```
#b6d9f7
```
#b6d9f7 rgb(182,217,247)
```
#c7e2f9
```
#c7e2f9 rgb(199,226,249)
```
#d9ebfb
```
#d9ebfb rgb(217,235,251)
```
#ebf4fd
```
#ebf4fd rgb(235,244,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#adafb1
```
#adafb1 rgb(173,175,177)
```
#a6b0b8
```
#a6b0b8 rgb(166,176,184)
```
#a0b0be
```
#a0b0be rgb(160,176,190)
```
#9ab1c4
```
#9ab1c4 rgb(154,177,196)
```
#94b1ca
```
#94b1ca rgb(148,177,202)
```
#8eb2d0
```
#8eb2d0 rgb(142,178,208)
```
#88b2d6
```
#88b2d6 rgb(136,178,214)
```
#81b3dd
```
#81b3dd rgb(129,179,221)
```
#7bb3e3
```
#7bb3e3 rgb(123,179,227)
```
#75b4e9
```
#75b4e9 rgb(117,180,233)
```
#6fb4ef
```
#6fb4ef rgb(111,180,239)
```
#69b4f5
```
#69b4f5 rgb(105,180,245)
```
#63b5fb
```
#63b5fb rgb(99,181,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ba9b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b0ea Protanopia 1% of men
#99b0f2 Deuteranopia 1% of men
#66becc Tritanopia 0.001% of the population

Trichromacy

#8eb1ec Protanomaly 1% of men, 0.01% of women
#8ab1f1 Deuteranomaly 6% of men, 0.4% of women
#69bad9 Tritanomaly 0.01% of the population

#6fb4ef hex color

#6fb4ef Color Information

#6fb4ef Color Conversion

Color Schemes with #6fb4ef

Alternatives to #6fb4ef

#6fb4ef Preview

Shades and Tints of #6fb4ef

Tones of #6fb4ef

Color Blindness Simulator