#69c0de hex color

In a RGB color space, hex #69c0de is composed of 41.2% red, 75.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 13.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.4 degrees, a saturation of 63.9% and a lightness of 64.1%. #69c0de color hex could be obtained by blending #d2ffff with #0081bd. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 75
- B 87
RGB color chart
- C 53
- M 14
- Y 0
- K 13
CMYK color chart

● #69c0de color description : Soft blue.

The hexadecimal color #69c0de has RGB values of R:105, G:192, B:222 and CMYK values of C:0.53, M:0.14, Y:0, K:0.13. Its decimal value is 6930654.

Hex triplet	69c0de	`#69c0de`
RGB Decimal	105, 192, 222	`rgb(105,192,222)`
RGB Percent	41.2, 75.3, 87.1	`rgb(41.2%,75.3%,87.1%)`
CMYK	53, 14, 0, 13
HSL	195.4°, 63.9, 64.1	`hsl(195.4,63.9%,64.1%)`
HSV (or HSB)	195.4°, 52.7, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.529, -18.02, -23.038
XYZ	37.857, 45.974, 75.982
xyY	0.237, 0.288, 45.974
CIE-LCH	73.529, 29.248, 231.967
CIE-LUV	73.529, -37.61, -33.705
Hunter-Lab	67.804, -18.996, -18.978
Binary	01101001, 11000000, 11011110

#69c0de
```
#69c0de rgb(105,192,222)
```
#de8769
```
#de8769 rgb(222,135,105)
```

Complementary Color

#69dec2
```
#69dec2 rgb(105,222,194)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#6986de
```
#6986de rgb(105,134,222)
```

Analogous Color

#dec269
```
#dec269 rgb(222,194,105)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#de6986
```
#de6986 rgb(222,105,134)
```

Split Complementary Color

#c0de69
```
#c0de69 rgb(192,222,105)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#de69c0
```
#de69c0 rgb(222,105,192)
```

Triadic Color

#69de87
```
#69de87 rgb(105,222,135)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#de69c0
```
#de69c0 rgb(222,105,192)
```
#de8769
```
#de8769 rgb(222,135,105)
```

Tetradic Color

#2da4cd
```
#2da4cd rgb(45,164,205)
```
#3faed5
```
#3faed5 rgb(63,174,213)
```
#54b7d9
```
#54b7d9 rgb(84,183,217)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#7ec9e3
```
#7ec9e3 rgb(126,201,227)
```
#93d2e7
```
#93d2e7 rgb(147,210,231)
```
#a8daec
```
#a8daec rgb(168,218,236)
```

Monochromatic Color

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

#69ddde
```
#69ddde rgb(105,221,222)
```
#69d4de
```
#69d4de rgb(105,212,222)
```
#69cade
```
#69cade rgb(105,202,222)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#69b6de
```
#69b6de rgb(105,182,222)
```
#69adde
```
#69adde rgb(105,173,222)
```
#69a3de
```
#69a3de rgb(105,163,222)
```

Similar Colors

Text with hexadecimal color #69c0de

This text has a font color of #69c0de.

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

#69c0de background color

This paragraph has a background color of #69c0de.

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

#69c0de border color

This element has a border color of #69c0de.

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

CSS codes

.text {color:#69c0de;}

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

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

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

#02090b
```
#02090b rgb(2,9,11)
```
#06151b
```
#06151b rgb(6,21,27)
```
#09222b
```
#09222b rgb(9,34,43)
```
#0d2f3b
```
#0d2f3b rgb(13,47,59)
```
#113c4b
```
#113c4b rgb(17,60,75)
```
#14495b
```
#14495b rgb(20,73,91)
```
#18566b
```
#18566b rgb(24,86,107)
```
#1b637b
```
#1b637b rgb(27,99,123)
```
#1f708b
```
#1f708b rgb(31,112,139)
```
#227c9b
```
#227c9b rgb(34,124,155)
```
#2689ac
```
#2689ac rgb(38,137,172)
```
#2996bc
```
#2996bc rgb(41,150,188)
```
#2da3cc
```
#2da3cc rgb(45,163,204)
```

Shade Color Variation

#39acd3
```
#39acd3 rgb(57,172,211)
```
#49b2d7
```
#49b2d7 rgb(73,178,215)
```
#59b9da
```
#59b9da rgb(89,185,218)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#79c7e2
```
#79c7e2 rgb(121,199,226)
```
#89cee5
```
#89cee5 rgb(137,206,229)
```
#99d4e9
```
#99d4e9 rgb(153,212,233)
```
#a9dbec
```
#a9dbec rgb(169,219,236)
```
#b9e2f0
```
#b9e2f0 rgb(185,226,240)
```
#c9e9f3
```
#c9e9f3 rgb(201,233,243)
```
#daeff7
```
#daeff7 rgb(218,239,247)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a1a5a6
```
#a1a5a6 rgb(161,165,166)
```
#9aa8ad
```
#9aa8ad rgb(154,168,173)
```
#93abb4
```
#93abb4 rgb(147,171,180)
```
#8cafbb
```
#8cafbb rgb(140,175,187)
```
#85b2c2
```
#85b2c2 rgb(133,178,194)
```
#7eb6c9
```
#7eb6c9 rgb(126,182,201)
```
#77b9d0
```
#77b9d0 rgb(119,185,208)
```
#70bdd7
```
#70bdd7 rgb(112,189,215)
```
#69c0de
```
#69c0de rgb(105,192,222)
```
#62c3e5
```
#62c3e5 rgb(98,195,229)
```
#5bc7ec
```
#5bc7ec rgb(91,199,236)
```
#54caf3
```
#54caf3 rgb(84,202,243)
```
#4dcefa
```
#4dcefa rgb(77,206,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9caeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d8 Protanopia 1% of men
#b1b5e4 Deuteranopia 1% of men
#6bc5d3 Tritanopia 0.001% of the population

Trichromacy

#96bada Protanomaly 1% of men, 0.01% of women
#96b9e2 Deuteranomaly 6% of men, 0.4% of women
#6ac3d7 Tritanomaly 0.01% of the population

#69c0de hex color

#69c0de Color Information

#69c0de Color Conversion

Color Schemes with #69c0de

Alternatives to #69c0de

#69c0de Preview

Shades and Tints of #69c0de

Tones of #69c0de

Color Blindness Simulator