#6fb4fd hex color

In a RGB color space, hex #6fb4fd is composed of 43.5% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.8 degrees, a saturation of 97.3% and a lightness of 71.4%. #6fb4fd color hex could be obtained by blending #deffff with #0069fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 44
- G 71
- B 99
RGB color chart
- C 56
- M 29
- Y 0
- K 1
CMYK color chart

● #6fb4fd color description : Soft blue.

The hexadecimal color #6fb4fd has RGB values of R:111, G:180, B:253 and CMYK values of C:0.56, M:0.29, Y:0, K:0.01. Its decimal value is 7320829.

Hex triplet	6fb4fd	`#6fb4fd`
RGB Decimal	111, 180, 253	`rgb(111,180,253)`
RGB Percent	43.5, 70.6, 99.2	`rgb(43.5%,70.6%,99.2%)`
CMYK	56, 29, 0, 1
HSL	210.8°, 97.3, 71.4	`hsl(210.8,97.3%,71.4%)`
HSV (or HSB)	210.8°, 56.1, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.631, -1.152, -42.737
XYZ	40.602, 43.111, 99.105
xyY	0.222, 0.236, 43.111
CIE-LCH	71.631, 42.753, 268.456
CIE-LUV	71.631, -30.626, -69.151
Hunter-Lab	65.659, -4.523, -43.53
Binary	01101111, 10110100, 11111101

#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#fdb86f
```
#fdb86f rgb(253,184,111)
```

Complementary Color

#6ffbfd
```
#6ffbfd rgb(111,251,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#716ffd
```
#716ffd rgb(113,111,253)
```

Analogous Color

#fbfd6f
```
#fbfd6f rgb(251,253,111)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#fd716f
```
#fd716f rgb(253,113,111)
```

Split Complementary Color

#b4fd6f
```
#b4fd6f rgb(180,253,111)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#fd6fb4
```
#fd6fb4 rgb(253,111,180)
```

Triadic Color

#6ffdb8
```
#6ffdb8 rgb(111,253,184)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#fd6fb4
```
#fd6fb4 rgb(253,111,180)
```
#fdb86f
```
#fdb86f rgb(253,184,111)
```

Tetradic Color

#248dfc
```
#248dfc rgb(36,141,252)
```
#3d9afc
```
#3d9afc rgb(61,154,252)
```
#56a7fd
```
#56a7fd rgb(86,167,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#88c1fd
```
#88c1fd rgb(136,193,253)
```
#a1cefe
```
#a1cefe rgb(161,206,254)
```
#badbfe
```
#badbfe rgb(186,219,254)
```

Monochromatic Color

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

#6fd8fd
```
#6fd8fd rgb(111,216,253)
```
#6fccfd
```
#6fccfd rgb(111,204,253)
```
#6fc0fd
```
#6fc0fd rgb(111,192,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#6fa8fd
```
#6fa8fd rgb(111,168,253)
```
#6f9cfd
```
#6f9cfd rgb(111,156,253)
```
#6f91fd
```
#6f91fd rgb(111,145,253)
```

Similar Colors

Text with hexadecimal color #6fb4fd

This text has a font color of #6fb4fd.

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

#6fb4fd background color

This paragraph has a background color of #6fb4fd.

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

#6fb4fd border color

This element has a border color of #6fb4fd.

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

CSS codes

.text {color:#6fb4fd;}

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

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

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, #00050b is the darkest color, while #f6fbff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000f1e
```
#000f1e rgb(0,15,30)
```
#011831
```
#011831 rgb(1,24,49)
```
#012245
```
#012245 rgb(1,34,69)
```
#012b58
```
#012b58 rgb(1,43,88)
```
#01356c
```
#01356c rgb(1,53,108)
```
#023f7f
```
#023f7f rgb(2,63,127)
```
#024892
```
#024892 rgb(2,72,146)
```
#0252a6
```
#0252a6 rgb(2,82,166)
```
#035bb9
```
#035bb9 rgb(3,91,185)
```
#0365cc
```
#0365cc rgb(3,101,204)
```
#036ee0
```
#036ee0 rgb(3,110,224)
```
#0378f3
```
#0378f3 rgb(3,120,243)
```

Shade Color Variation

#0e82fc
```
#0e82fc rgb(14,130,252)
```
#228cfc
```
#228cfc rgb(34,140,252)
```
#3596fc
```
#3596fc rgb(53,150,252)
```
#48a0fc
```
#48a0fc rgb(72,160,252)
```
#5caafd
```
#5caafd rgb(92,170,253)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```
#82befd
```
#82befd rgb(130,190,253)
```
#96c8fe
```
#96c8fe rgb(150,200,254)
```
#a9d2fe
```
#a9d2fe rgb(169,210,254)
```
#bcdcfe
```
#bcdcfe rgb(188,220,254)
```
#d0e6fe
```
#d0e6fe rgb(208,230,254)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#adb6bf
```
#adb6bf rgb(173,182,191)
```
#a7b6c5
```
#a7b6c5 rgb(167,182,197)
```
#a2b5ca
```
#a2b5ca rgb(162,181,202)
```
#9cb5d0
```
#9cb5d0 rgb(156,181,208)
```
#96b5d6
```
#96b5d6 rgb(150,181,214)
```
#91b5db
```
#91b5db rgb(145,181,219)
```
#8bb5e1
```
#8bb5e1 rgb(139,181,225)
```
#85b5e7
```
#85b5e7 rgb(133,181,231)
```
#80b4ec
```
#80b4ec rgb(128,180,236)
```
#7ab4f2
```
#7ab4f2 rgb(122,180,242)
```
#75b4f7
```
#75b4f7 rgb(117,180,247)
```
#6fb4fd
```
#6fb4fd rgb(111,180,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9daab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb1f8 Protanopia 1% of men
#90b2ff Deuteranopia 1% of men
#5ec1cf Tritanopia 0.001% of the population

Trichromacy

#8bb2f9 Protanomaly 1% of men, 0.01% of women
#84b3fe Deuteranomaly 6% of men, 0.4% of women
#64bcdf Tritanomaly 0.01% of the population

#6fb4fd hex color

#6fb4fd Color Information

#6fb4fd Color Conversion

Color Schemes with #6fb4fd

Alternatives to #6fb4fd

#6fb4fd Preview

Shades and Tints of #6fb4fd

Tones of #6fb4fd

Color Blindness Simulator