#69afdb hex color

In a RGB color space, hex #69afdb is composed of 41.2% red, 68.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 20.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 203.2 degrees, a saturation of 61.3% and a lightness of 63.5%. #69afdb color hex could be obtained by blending #d2ffff with #005fb7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 69
- B 86
RGB color chart
- C 52
- M 20
- Y 0
- K 14
CMYK color chart

● #69afdb color description : Soft blue.

The hexadecimal color #69afdb has RGB values of R:105, G:175, B:219 and CMYK values of C:0.52, M:0.2, Y:0, K:0.14. Its decimal value is 6926299.

Hex triplet	69afdb	`#69afdb`
RGB Decimal	105, 175, 219	`rgb(105,175,219)`
RGB Percent	41.2, 68.6, 85.9	`rgb(41.2%,68.6%,85.9%)`
CMYK	52, 20, 0, 14
HSL	203.2°, 61.3, 63.5	`hsl(203.2,61.3%,63.5%)`
HSV (or HSB)	203.2°, 52.1, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.588, -9.883, -28.971
XYZ	33.939, 38.776, 72.71
xyY	0.233, 0.267, 38.776
CIE-LCH	68.588, 30.61, 251.165
CIE-LUV	68.588, -31.213, -44.355
Hunter-Lab	62.27, -11.686, -25.641
Binary	01101001, 10101111, 11011011

#69afdb
```
#69afdb rgb(105,175,219)
```
#db9569
```
#db9569 rgb(219,149,105)
```

Complementary Color

#69dbce
```
#69dbce rgb(105,219,206)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#6976db
```
#6976db rgb(105,118,219)
```

Analogous Color

#dbce69
```
#dbce69 rgb(219,206,105)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#db6976
```
#db6976 rgb(219,105,118)
```

Split Complementary Color

#afdb69
```
#afdb69 rgb(175,219,105)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#db69af
```
#db69af rgb(219,105,175)
```

Triadic Color

#69db95
```
#69db95 rgb(105,219,149)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#db69af
```
#db69af rgb(219,105,175)
```
#db9569
```
#db9569 rgb(219,149,105)
```

Tetradic Color

#308dc8
```
#308dc8 rgb(48,141,200)
```
#4099d1
```
#4099d1 rgb(64,153,209)
```
#54a4d6
```
#54a4d6 rgb(84,164,214)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#7ebae0
```
#7ebae0 rgb(126,186,224)
```
#92c5e5
```
#92c5e5 rgb(146,197,229)
```
#a7d0ea
```
#a7d0ea rgb(167,208,234)
```

Monochromatic Color

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

#69ccdb
```
#69ccdb rgb(105,204,219)
```
#69c2db
```
#69c2db rgb(105,194,219)
```
#69b9db
```
#69b9db rgb(105,185,219)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#69a6db
```
#69a6db rgb(105,166,219)
```
#699cdb
```
#699cdb rgb(105,156,219)
```
#6993db
```
#6993db rgb(105,147,219)
```

Similar Colors

Text with hexadecimal color #69afdb

This text has a font color of #69afdb.

<span style="color:#69afdb;">Text here</span>

#69afdb background color

This paragraph has a background color of #69afdb.

<p style="background-color:#69afdb;">Content here</p>

#69afdb border color

This element has a border color of #69afdb.

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

CSS codes

.text {color:#69afdb;}

.background {background-color:#69afdb;}

.border {border:1px solid #69afdb;}

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

#020608
```
#020608 rgb(2,6,8)
```
#061118
```
#061118 rgb(6,17,24)
```
#0a1c28
```
#0a1c28 rgb(10,28,40)
```
#0d2738
```
#0d2738 rgb(13,39,56)
```
#113347
```
#113347 rgb(17,51,71)
```
#153e57
```
#153e57 rgb(21,62,87)
```
#194967
```
#194967 rgb(25,73,103)
```
#1d5477
```
#1d5477 rgb(29,84,119)
```
#205f87
```
#205f87 rgb(32,95,135)
```
#246a97
```
#246a97 rgb(36,106,151)
```
#2876a6
```
#2876a6 rgb(40,118,166)
```
#2c81b6
```
#2c81b6 rgb(44,129,182)
```
#308cc6
```
#308cc6 rgb(48,140,198)
```

Shade Color Variation

#3a96d0
```
#3a96d0 rgb(58,150,208)
```
#499ed3
```
#499ed3 rgb(73,158,211)
```
#59a7d7
```
#59a7d7 rgb(89,167,215)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#79b7df
```
#79b7df rgb(121,183,223)
```
#89c0e3
```
#89c0e3 rgb(137,192,227)
```
#98c8e6
```
#98c8e6 rgb(152,200,230)
```
#a8d1ea
```
#a8d1ea rgb(168,209,234)
```
#b8d9ee
```
#b8d9ee rgb(184,217,238)
```
#c8e2f2
```
#c8e2f2 rgb(200,226,242)
```
#d8eaf6
```
#d8eaf6 rgb(216,234,246)
```
#e8f2f9
```
#e8f2f9 rgb(232,242,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba4a9 is the less saturated color, while #45b7ff is the most saturated one.

#9ba4a9
```
#9ba4a9 rgb(155,164,169)
```
#94a5b0
```
#94a5b0 rgb(148,165,176)
```
#8da7b7
```
#8da7b7 rgb(141,167,183)
```
#86a8be
```
#86a8be rgb(134,168,190)
```
#7eaac6
```
#7eaac6 rgb(126,170,198)
```
#77accd
```
#77accd rgb(119,172,205)
```
#70add4
```
#70add4 rgb(112,173,212)
```
#69afdb
```
#69afdb rgb(105,175,219)
```
#62b1e2
```
#62b1e2 rgb(98,177,226)
```
#5bb2e9
```
#5bb2e9 rgb(91,178,233)
```
#54b4f0
```
#54b4f0 rgb(84,180,240)
```
#4cb6f8
```
#4cb6f8 rgb(76,182,248)
```
#45b7ff
```
#45b7ff rgb(69,183,255)
```

Tone Color Variation

Below, you can see how #69afdb 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

#9f9f9f Achromatopsia 0.005% of the population
#94a2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faad6 Protanopia 1% of men
#9ca9e0 Deuteranopia 1% of men
#66b7c5 Tritanopia 0.001% of the population

Trichromacy

#8babd8 Protanomaly 1% of men, 0.01% of women
#89abde Deuteranomaly 6% of men, 0.4% of women
#67b4cd Tritanomaly 0.01% of the population

#69afdb hex color

#69afdb Color Information

#69afdb Color Conversion

Color Schemes with #69afdb

Alternatives to #69afdb

#69afdb Preview

Shades and Tints of #69afdb

Tones of #69afdb

Color Blindness Simulator