#69cdf0 hex color

In a RGB color space, hex #69cdf0 is composed of 41.2% red, 80.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 14.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 195.6 degrees, a saturation of 81.8% and a lightness of 67.6%. #69cdf0 color hex could be obtained by blending #d2ffff with #009be1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 80
- B 94
RGB color chart
- C 56
- M 15
- Y 0
- K 6
CMYK color chart

● #69cdf0 color description : Soft blue.

The hexadecimal color #69cdf0 has RGB values of R:105, G:205, B:240 and CMYK values of C:0.56, M:0.15, Y:0, K:0.06. Its decimal value is 6934000.

Hex triplet	69cdf0	`#69cdf0`
RGB Decimal	105, 205, 240	`rgb(105,205,240)`
RGB Percent	41.2, 80.4, 94.1	`rgb(41.2%,80.4%,94.1%)`
CMYK	56, 15, 0, 6
HSL	195.6°, 81.8, 67.6	`hsl(195.6,81.8%,67.6%)`
HSV (or HSB)	195.6°, 56.3, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.848, -19.549, -26.146
XYZ	43.381, 52.954, 90.368
xyY	0.232, 0.284, 52.954
CIE-LCH	77.848, 32.646, 233.215
CIE-LUV	77.848, -41.839, -38.976
Hunter-Lab	72.77, -20.935, -22.69
Binary	01101001, 11001101, 11110000

#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#f08c69
```
#f08c69 rgb(240,140,105)
```

Complementary Color

#69f0d0
```
#69f0d0 rgb(105,240,208)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#698af0
```
#698af0 rgb(105,138,240)
```

Analogous Color

#f0d069
```
#f0d069 rgb(240,208,105)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#f0698a
```
#f0698a rgb(240,105,138)
```

Split Complementary Color

#cdf069
```
#cdf069 rgb(205,240,105)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#f069cd
```
#f069cd rgb(240,105,205)
```

Triadic Color

#69f08c
```
#69f08c rgb(105,240,140)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#f069cd
```
#f069cd rgb(240,105,205)
```
#f08c69
```
#f08c69 rgb(240,140,105)
```

Tetradic Color

#23b6e9
```
#23b6e9 rgb(35,182,233)
```
#3bbeeb
```
#3bbeeb rgb(59,190,235)
```
#52c5ee
```
#52c5ee rgb(82,197,238)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#80d5f2
```
#80d5f2 rgb(128,213,242)
```
#97dcf5
```
#97dcf5 rgb(151,220,245)
```
#afe4f7
```
#afe4f7 rgb(175,228,247)
```

Monochromatic Color

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

#69eff0
```
#69eff0 rgb(105,239,240)
```
#69e4f0
```
#69e4f0 rgb(105,228,240)
```
#69d8f0
```
#69d8f0 rgb(105,216,240)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#69c2f0
```
#69c2f0 rgb(105,194,240)
```
#69b7f0
```
#69b7f0 rgb(105,183,240)
```
#69abf0
```
#69abf0 rgb(105,171,240)
```

Similar Colors

Text with hexadecimal color #69cdf0

This text has a font color of #69cdf0.

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

#69cdf0 background color

This paragraph has a background color of #69cdf0.

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

#69cdf0 border color

This element has a border color of #69cdf0.

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

CSS codes

.text {color:#69cdf0;}

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

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

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, #01080a is the darkest color, while #f8fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03161c
```
#03161c rgb(3,22,28)
```
#05232e
```
#05232e rgb(5,35,46)
```
#063140
```
#063140 rgb(6,49,64)
```
#083f52
```
#083f52 rgb(8,63,82)
```
#0a4c64
```
#0a4c64 rgb(10,76,100)
```
#0c5a75
```
#0c5a75 rgb(12,90,117)
```
#0e6887
```
#0e6887 rgb(14,104,135)
```
#0f7599
```
#0f7599 rgb(15,117,153)
```
#1183ab
```
#1183ab rgb(17,131,171)
```
#1391bd
```
#1391bd rgb(19,145,189)
```
#159ecf
```
#159ecf rgb(21,158,207)
```
#16ace0
```
#16ace0 rgb(22,172,224)
```

Shade Color Variation

#22b5e9
```
#22b5e9 rgb(34,181,233)
```
#34bbeb
```
#34bbeb rgb(52,187,235)
```
#45c1ec
```
#45c1ec rgb(69,193,236)
```
#57c7ee
```
#57c7ee rgb(87,199,238)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#7bd3f2
```
#7bd3f2 rgb(123,211,242)
```
#8dd9f4
```
#8dd9f4 rgb(141,217,244)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#b0e5f7
```
#b0e5f7 rgb(176,229,247)
```
#c2ebf9
```
#c2ebf9 rgb(194,235,249)
```
#d4f1fb
```
#d4f1fb rgb(212,241,251)
```
#e6f7fc
```
#e6f7fc rgb(230,247,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#a8aeb1
```
#a8aeb1 rgb(168,174,177)
```
#a2b2b7
```
#a2b2b7 rgb(162,178,183)
```
#9cb5bd
```
#9cb5bd rgb(156,181,189)
```
#95b8c4
```
#95b8c4 rgb(149,184,196)
```
#8fbbca
```
#8fbbca rgb(143,187,202)
```
#89bed0
```
#89bed0 rgb(137,190,208)
```
#82c1d7
```
#82c1d7 rgb(130,193,215)
```
#7cc4dd
```
#7cc4dd rgb(124,196,221)
```
#76c7e3
```
#76c7e3 rgb(118,199,227)
```
#6fcaea
```
#6fcaea rgb(111,202,234)
```
#69cdf0
```
#69cdf0 rgb(105,205,240)
```
#63d0f6
```
#63d0f6 rgb(99,208,246)
```
#5cd3fd
```
#5cd3fd rgb(92,211,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a4b8bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac2e8 Protanopia 1% of men
#b9c0f6 Deuteranopia 1% of men
#69d2e1 Tritanopia 0.001% of the population

Trichromacy

#9dc6eb Protanomaly 1% of men, 0.01% of women
#9cc5f4 Deuteranomaly 6% of men, 0.4% of women
#69d0e6 Tritanomaly 0.01% of the population

#69cdf0 hex color

#69cdf0 Color Information

#69cdf0 Color Conversion

Color Schemes with #69cdf0

Alternatives to #69cdf0

#69cdf0 Preview

Shades and Tints of #69cdf0

Tones of #69cdf0

Color Blindness Simulator