#6ad0fe hex color

In a RGB color space, hex #6ad0fe is composed of 41.6% red, 81.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 18.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.6 degrees, a saturation of 98.7% and a lightness of 70.6%. #6ad0fe color hex could be obtained by blending #d4ffff with #00a1fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 42
- G 82
- B 100
RGB color chart
- C 58
- M 18
- Y 0
- K 0
CMYK color chart

● #6ad0fe color description : Soft blue.

The hexadecimal color #6ad0fe has RGB values of R:106, G:208, B:254 and CMYK values of C:0.58, M:0.18, Y:0, K:0. Its decimal value is 7000318.

Hex triplet	6ad0fe	`#6ad0fe`
RGB Decimal	106, 208, 254	`rgb(106,208,254)`
RGB Percent	41.6, 81.6, 99.6	`rgb(41.6%,81.6%,99.6%)`
CMYK	58, 18, 0, 0
HSL	198.6°, 98.7, 70.6	`hsl(198.6,98.7%,70.6%)`
HSV (or HSB)	198.6°, 58.3, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.23, -16.82, -31.501
XYZ	46.385, 55.328, 101.996
xyY	0.228, 0.272, 55.328
CIE-LCH	79.23, 35.71, 241.9
CIE-LUV	79.23, -42.136, -48.574
Hunter-Lab	74.383, -18.859, -29.231
Binary	01101010, 11010000, 11111110

#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#fe986a
```
#fe986a rgb(254,152,106)
```

Complementary Color

#6afee2
```
#6afee2 rgb(106,254,226)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#6a86fe
```
#6a86fe rgb(106,134,254)
```

Analogous Color

#fee26a
```
#fee26a rgb(254,226,106)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#fe6a86
```
#fe6a86 rgb(254,106,134)
```

Split Complementary Color

#d0fe6a
```
#d0fe6a rgb(208,254,106)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#fe6ad0
```
#fe6ad0 rgb(254,106,208)
```

Triadic Color

#6afe98
```
#6afe98 rgb(106,254,152)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#fe6ad0
```
#fe6ad0 rgb(254,106,208)
```
#fe986a
```
#fe986a rgb(254,152,106)
```

Tetradic Color

#1eb8fd
```
#1eb8fd rgb(30,184,253)
```
#37c0fe
```
#37c0fe rgb(55,192,254)
```
#51c8fe
```
#51c8fe rgb(81,200,254)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#83d8fe
```
#83d8fe rgb(131,216,254)
```
#9de0fe
```
#9de0fe rgb(157,224,254)
```
#b6e8ff
```
#b6e8ff rgb(182,232,255)
```

Monochromatic Color

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

#6af5fe
```
#6af5fe rgb(106,245,254)
```
#6ae9fe
```
#6ae9fe rgb(106,233,254)
```
#6adcfe
```
#6adcfe rgb(106,220,254)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#6ac4fe
```
#6ac4fe rgb(106,196,254)
```
#6ab7fe
```
#6ab7fe rgb(106,183,254)
```
#6aabfe
```
#6aabfe rgb(106,171,254)
```

Similar Colors

Text with hexadecimal color #6ad0fe

This text has a font color of #6ad0fe.

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

#6ad0fe background color

This paragraph has a background color of #6ad0fe.

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

#6ad0fe border color

This element has a border color of #6ad0fe.

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

CSS codes

.text {color:#6ad0fe;}

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

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

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, #000507 is the darkest color, while #f2fbff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#00121a
```
#00121a rgb(0,18,26)
```
#00202e
```
#00202e rgb(0,32,46)
```
#002d41
```
#002d41 rgb(0,45,65)
```
#013b55
```
#013b55 rgb(1,59,85)
```
#014868
```
#014868 rgb(1,72,104)
```
#01567c
```
#01567c rgb(1,86,124)
```
#01638f
```
#01638f rgb(1,99,143)
```
#0171a3
```
#0171a3 rgb(1,113,163)
```
#017eb6
```
#017eb6 rgb(1,126,182)
```
#018bca
```
#018bca rgb(1,139,202)
```
#0199dd
```
#0199dd rgb(1,153,221)
```
#02a6f1
```
#02a6f1 rgb(2,166,241)
```

Shade Color Variation

#09b1fd
```
#09b1fd rgb(9,177,253)
```
#1cb7fd
```
#1cb7fd rgb(28,183,253)
```
#30befe
```
#30befe rgb(48,190,254)
```
#43c4fe
```
#43c4fe rgb(67,196,254)
```
#57cafe
```
#57cafe rgb(87,202,254)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```
#7dd6fe
```
#7dd6fe rgb(125,214,254)
```
#91dcfe
```
#91dcfe rgb(145,220,254)
```
#a4e2fe
```
#a4e2fe rgb(164,226,254)
```
#b8e9ff
```
#b8e9ff rgb(184,233,255)
```
#cbefff
```
#cbefff rgb(203,239,255)
```
#dff5ff
```
#dff5ff rgb(223,245,255)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#afb6b9
```
#afb6b9 rgb(175,182,185)
```
#a9b8bf
```
#a9b8bf rgb(169,184,191)
```
#a4bac4
```
#a4bac4 rgb(164,186,196)
```
#9ebcca
```
#9ebcca rgb(158,188,202)
```
#98bfd0
```
#98bfd0 rgb(152,191,208)
```
#92c1d6
```
#92c1d6 rgb(146,193,214)
```
#8dc3db
```
#8dc3db rgb(141,195,219)
```
#87c5e1
```
#87c5e1 rgb(135,197,225)
```
#81c7e7
```
#81c7e7 rgb(129,199,231)
```
#7bc9ed
```
#7bc9ed rgb(123,201,237)
```
#76ccf2
```
#76ccf2 rgb(118,204,242)
```
#70cef8
```
#70cef8 rgb(112,206,248)
```
#6ad0fe
```
#6ad0fe rgb(106,208,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a8bcc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac5f5 Protanopia 1% of men
#b7c4ff Deuteranopia 1% of men
#64d6e6 Tritanopia 0.001% of the population

Trichromacy

#9dc9f8 Protanomaly 1% of men, 0.01% of women
#9bc8fe Deuteranomaly 6% of men, 0.4% of women
#66d4ef Tritanomaly 0.01% of the population

#6ad0fe hex color

#6ad0fe Color Information

#6ad0fe Color Conversion

Color Schemes with #6ad0fe

Alternatives to #6ad0fe

#6ad0fe Preview

Shades and Tints of #6ad0fe

Tones of #6ad0fe

Color Blindness Simulator