colorhexa.com

#6ad4f7 hex color

In a RGB color space, hex #6ad4f7 is composed of 41.6% red, 83.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 14.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.9 degrees, a saturation of 89.8% and a lightness of 69.2%. #6ad4f7 color hex could be obtained by blending #d4ffff with #00a9ef. Closest websafe color is: #66ccff.

- R 42
- G 83
- B 97
RGB color chart
- C 57
- M 14
- Y 0
- K 3
CMYK color chart

● #6ad4f7 color description : Soft cyan.

The hexadecimal color #6ad4f7 has RGB values of R:106, G:212, B:247 and CMYK values of C:0.57, M:0.14, Y:0, K:0.03. Its decimal value is 7001335.

Hex triplet	6ad4f7	`#6ad4f7`
RGB Decimal	106, 212, 247	`rgb(106,212,247)`
RGB Percent	41.6, 83.1, 96.9	`rgb(41.6%,83.1%,96.9%)`
CMYK	57, 14, 0, 3
HSL	194.9°, 89.8, 69.2	`hsl(194.9,89.8%,69.2%)`
HSV (or HSB)	194.9°, 57.1, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.103, -20.901, -26.435
XYZ	46.271, 56.863, 96.528
xyY	0.232, 0.285, 56.863
CIE-LCH	80.103, 33.7, 231.668
CIE-LUV	80.103, -43.891, -39.41
Hunter-Lab	75.408, -22.433, -23.11
Binary	01101010, 11010100, 11110111

#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#f78d6a
```
#f78d6a rgb(247,141,106)
```

Complementary Color

#6af7d4
```
#6af7d4 rgb(106,247,212)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#6a8ef7
```
#6a8ef7 rgb(106,142,247)
```

Analogous Color

#f7d46a
```
#f7d46a rgb(247,212,106)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#f76a8e
```
#f76a8e rgb(247,106,142)
```

Split Complementary Color

#d4f76a
```
#d4f76a rgb(212,247,106)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#f76ad4
```
#f76ad4 rgb(247,106,212)
```

Triadic Color

#6af78d
```
#6af78d rgb(106,247,141)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#f76ad4
```
#f76ad4 rgb(247,106,212)
```
#f78d6a
```
#f78d6a rgb(247,141,106)
```

Tetradic Color

#21bff3
```
#21bff3 rgb(33,191,243)
```
#3ac6f4
```
#3ac6f4 rgb(58,198,244)
```
#52cdf6
```
#52cdf6 rgb(82,205,246)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#82dbf8
```
#82dbf8 rgb(130,219,248)
```
#9ae2fa
```
#9ae2fa rgb(154,226,250)
```
#b3e9fb
```
#b3e9fb rgb(179,233,251)
```

Monochromatic Color

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

#6af7f7
```
#6af7f7 rgb(106,247,247)
```
#6aecf7
```
#6aecf7 rgb(106,236,247)
```
#6ae0f7
```
#6ae0f7 rgb(106,224,247)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#6ac8f7
```
#6ac8f7 rgb(106,200,247)
```
#6abdf7
```
#6abdf7 rgb(106,189,247)
```
#6ab1f7
```
#6ab1f7 rgb(106,177,247)
```

Similar Colors

Text with hexadecimal color #6ad4f7

This text has a font color of #6ad4f7.

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

#6ad4f7 background color

This paragraph has a background color of #6ad4f7.

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

#6ad4f7 border color

This element has a border color of #6ad4f7.

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

CSS codes

.text {color:#6ad4f7;}

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

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

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

#010e13
```
#010e13 rgb(1,14,19)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#032b38
```
#032b38 rgb(3,43,56)
```
#04394a
```
#04394a rgb(4,57,74)
```
#05475d
```
#05475d rgb(5,71,93)
```
#065570
```
#065570 rgb(6,85,112)
```
#076482
```
#076482 rgb(7,100,130)
```
#087295
```
#087295 rgb(8,114,149)
```
#0980a7
```
#0980a7 rgb(9,128,167)
```
#0a8eba
```
#0a8eba rgb(10,142,186)
```
#0b9dcd
```
#0b9dcd rgb(11,157,205)
```
#0cabdf
```
#0cabdf rgb(12,171,223)
```
#0db9f2
```
#0db9f2 rgb(13,185,242)
```

Shade Color Variation

#20bff3
```
#20bff3 rgb(32,191,243)
```
#32c4f4
```
#32c4f4 rgb(50,196,244)
```
#45c9f5
```
#45c9f5 rgb(69,201,245)
```
#57cff6
```
#57cff6 rgb(87,207,246)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#7dd9f8
```
#7dd9f8 rgb(125,217,248)
```
#8fdff9
```
#8fdff9 rgb(143,223,249)
```
#a2e4fa
```
#a2e4fa rgb(162,228,250)
```
#b4e9fb
```
#b4e9fb rgb(180,233,251)
```
#c7effc
```
#c7effc rgb(199,239,252)
```
#daf4fd
```
#daf4fd rgb(218,244,253)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#acb3b5
```
#acb3b5 rgb(172,179,181)
```
#a6b6bb
```
#a6b6bb rgb(166,182,187)
```
#a0b9c1
```
#a0b9c1 rgb(160,185,193)
```
#9abcc7
```
#9abcc7 rgb(154,188,199)
```
#94bfcd
```
#94bfcd rgb(148,191,205)
```
#8ec2d3
```
#8ec2d3 rgb(142,194,211)
```
#88c5d9
```
#88c5d9 rgb(136,197,217)
```
#82c8df
```
#82c8df rgb(130,200,223)
```
#7ccbe5
```
#7ccbe5 rgb(124,203,229)
```
#76ceeb
```
#76ceeb rgb(118,206,235)
```
#70d1f1
```
#70d1f1 rgb(112,209,241)
```
#6ad4f7
```
#6ad4f7 rgb(106,212,247)
```
#64d7fd
```
#64d7fd rgb(100,215,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a8bec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c7ee Protanopia 1% of men
#bfc6fd Deuteranopia 1% of men
#6ad8e8 Tritanopia 0.001% of the population

Trichromacy

#a1ccf1 Protanomaly 1% of men, 0.01% of women
#a0cbfb Deuteranomaly 6% of men, 0.4% of women
#6ad7ed Tritanomaly 0.01% of the population