#6fd2fd hex color

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

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

● #6fd2fd color description : Soft blue.

The hexadecimal color #6fd2fd has RGB values of R:111, G:210, B:253 and CMYK values of C:0.56, M:0.17, Y:0, K:0.01. Its decimal value is 7328509.

Hex triplet	6fd2fd	`#6fd2fd`
RGB Decimal	111, 210, 253	`rgb(111,210,253)`
RGB Percent	43.5, 82.4, 99.2	`rgb(43.5%,82.4%,99.2%)`
CMYK	56, 17, 0, 1
HSL	198.2°, 97.3, 71.4	`hsl(198.2,97.3%,71.4%)`
HSV (or HSB)	198.2°, 56.1, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.932, -17.198, -29.874
XYZ	47.327, 56.561, 101.346
xyY	0.231, 0.276, 56.561
CIE-LCH	79.932, 34.471, 240.072
CIE-LUV	79.932, -41.621, -45.774
Hunter-Lab	75.207, -19.284, -27.252
Binary	01101111, 11010010, 11111101

#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#fd9a6f
```
#fd9a6f rgb(253,154,111)
```

Complementary Color

#6ffde1
```
#6ffde1 rgb(111,253,225)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#6f8bfd
```
#6f8bfd rgb(111,139,253)
```

Analogous Color

#fde16f
```
#fde16f rgb(253,225,111)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#fd6f8b
```
#fd6f8b rgb(253,111,139)
```

Split Complementary Color

#d2fd6f
```
#d2fd6f rgb(210,253,111)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#fd6fd2
```
#fd6fd2 rgb(253,111,210)
```

Triadic Color

#6ffd9a
```
#6ffd9a rgb(111,253,154)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#fd6fd2
```
#fd6fd2 rgb(253,111,210)
```
#fd9a6f
```
#fd9a6f rgb(253,154,111)
```

Tetradic Color

#24bafc
```
#24bafc rgb(36,186,252)
```
#3dc2fc
```
#3dc2fc rgb(61,194,252)
```
#56cafd
```
#56cafd rgb(86,202,253)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#88dafd
```
#88dafd rgb(136,218,253)
```
#a1e2fe
```
#a1e2fe rgb(161,226,254)
```
#baeafe
```
#baeafe rgb(186,234,254)
```

Monochromatic Color

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

#6ff6fd
```
#6ff6fd rgb(111,246,253)
```
#6feafd
```
#6feafd rgb(111,234,253)
```
#6fdefd
```
#6fdefd rgb(111,222,253)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#6fc6fd
```
#6fc6fd rgb(111,198,253)
```
#6fbafd
```
#6fbafd rgb(111,186,253)
```
#6faffd
```
#6faffd rgb(111,175,253)
```

Similar Colors

Text with hexadecimal color #6fd2fd

This text has a font color of #6fd2fd.

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

#6fd2fd background color

This paragraph has a background color of #6fd2fd.

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

#6fd2fd border color

This element has a border color of #6fd2fd.

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

CSS codes

.text {color:#6fd2fd;}

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

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

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

#00080b
```
#00080b rgb(0,8,11)
```
#00151e
```
#00151e rgb(0,21,30)
```
#012331
```
#012331 rgb(1,35,49)
```
#013045
```
#013045 rgb(1,48,69)
```
#013e58
```
#013e58 rgb(1,62,88)
```
#014b6c
```
#014b6c rgb(1,75,108)
```
#02597f
```
#02597f rgb(2,89,127)
```
#026792
```
#026792 rgb(2,103,146)
```
#0274a6
```
#0274a6 rgb(2,116,166)
```
#0382b9
```
#0382b9 rgb(3,130,185)
```
#038fcc
```
#038fcc rgb(3,143,204)
```
#039de0
```
#039de0 rgb(3,157,224)
```
#03aaf3
```
#03aaf3 rgb(3,170,243)
```

Shade Color Variation

#0eb4fc
```
#0eb4fc rgb(14,180,252)
```
#22bafc
```
#22bafc rgb(34,186,252)
```
#35c0fc
```
#35c0fc rgb(53,192,252)
```
#48c6fc
```
#48c6fc rgb(72,198,252)
```
#5cccfd
```
#5cccfd rgb(92,204,253)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```
#82d8fd
```
#82d8fd rgb(130,216,253)
```
#96defe
```
#96defe rgb(150,222,254)
```
#a9e4fe
```
#a9e4fe rgb(169,228,254)
```
#bceafe
```
#bceafe rgb(188,234,254)
```
#d0f0fe
```
#d0f0fe rgb(208,240,254)
```
#e3f6ff
```
#e3f6ff rgb(227,246,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#b2b7ba
```
#b2b7ba rgb(178,183,186)
```
#adbabf
```
#adbabf rgb(173,186,191)
```
#a7bcc5
```
#a7bcc5 rgb(167,188,197)
```
#a2beca
```
#a2beca rgb(162,190,202)
```
#9cc0d0
```
#9cc0d0 rgb(156,192,208)
```
#96c2d6
```
#96c2d6 rgb(150,194,214)
```
#91c5db
```
#91c5db rgb(145,197,219)
```
#8bc7e1
```
#8bc7e1 rgb(139,199,225)
```
#85c9e7
```
#85c9e7 rgb(133,201,231)
```
#80cbec
```
#80cbec rgb(128,203,236)
```
#7acef2
```
#7acef2 rgb(122,206,242)
```
#75d0f7
```
#75d0f7 rgb(117,208,247)
```
#6fd2fd
```
#6fd2fd rgb(111,210,253)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#aabec7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc7f4 Protanopia 1% of men
#bbc6ff Deuteranopia 1% of men
#6bd8e7 Tritanopia 0.001% of the population

Trichromacy

#a1cbf7 Protanomaly 1% of men, 0.01% of women
#9fcafe Deuteranomaly 6% of men, 0.4% of women
#6cd5ef Tritanomaly 0.01% of the population

#6fd2fd hex color

#6fd2fd Color Information

#6fd2fd Color Conversion

Color Schemes with #6fd2fd

Alternatives to #6fd2fd

#6fd2fd Preview

Shades and Tints of #6fd2fd

Tones of #6fd2fd

Color Blindness Simulator