#69afeb hex color

In a RGB color space, hex #69afeb is composed of 41.2% red, 68.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 25.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 207.7 degrees, a saturation of 76.5% and a lightness of 66.7%. #69afeb color hex could be obtained by blending #d2ffff with #005fd7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 69
- B 92
RGB color chart
- C 55
- M 26
- Y 0
- K 8
CMYK color chart

● #69afeb color description : Soft blue.

The hexadecimal color #69afeb has RGB values of R:105, G:175, B:235 and CMYK values of C:0.55, M:0.26, Y:0, K:0.08. Its decimal value is 6926315.

Hex triplet	69afeb	`#69afeb`
RGB Decimal	105, 175, 235	`rgb(105,175,235)`
RGB Percent	41.2, 68.6, 92.2	`rgb(41.2%,68.6%,92.2%)`
CMYK	55, 26, 0, 8
HSL	207.7°, 76.5, 66.7	`hsl(207.7,76.5%,66.7%)`
HSV (or HSB)	207.7°, 55.3, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.226, -5.097, -36.737
XYZ	36.148, 39.659, 84.343
xyY	0.226, 0.248, 39.659
CIE-LCH	69.226, 37.089, 262.101
CIE-LUV	69.226, -30.857, -58.132
Hunter-Lab	62.976, -7.749, -35.324
Binary	01101001, 10101111, 11101011

#69afeb
```
#69afeb rgb(105,175,235)
```
#eba569
```
#eba569 rgb(235,165,105)
```

Complementary Color

#69ebe6
```
#69ebe6 rgb(105,235,230)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#696eeb
```
#696eeb rgb(105,110,235)
```

Analogous Color

#ebe669
```
#ebe669 rgb(235,230,105)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#eb696e
```
#eb696e rgb(235,105,110)
```

Split Complementary Color

#afeb69
```
#afeb69 rgb(175,235,105)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#eb69af
```
#eb69af rgb(235,105,175)
```

Triadic Color

#69eba5
```
#69eba5 rgb(105,235,165)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#eb69af
```
#eb69af rgb(235,105,175)
```
#eba569
```
#eba569 rgb(235,165,105)
```

Tetradic Color

#268be2
```
#268be2 rgb(38,139,226)
```
#3c97e5
```
#3c97e5 rgb(60,151,229)
```
#53a3e8
```
#53a3e8 rgb(83,163,232)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#80bbee
```
#80bbee rgb(128,187,238)
```
#96c7f1
```
#96c7f1 rgb(150,199,241)
```
#add3f4
```
#add3f4 rgb(173,211,244)
```

Monochromatic Color

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

#69d0eb
```
#69d0eb rgb(105,208,235)
```
#69c5eb
```
#69c5eb rgb(105,197,235)
```
#69baeb
```
#69baeb rgb(105,186,235)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#69a4eb
```
#69a4eb rgb(105,164,235)
```
#6999eb
```
#6999eb rgb(105,153,235)
```
#698feb
```
#698feb rgb(105,143,235)
```

Similar Colors

Text with hexadecimal color #69afeb

This text has a font color of #69afeb.

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

#69afeb background color

This paragraph has a background color of #69afeb.

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

#69afeb border color

This element has a border color of #69afeb.

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

CSS codes

.text {color:#69afeb;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#030e17
```
#030e17 rgb(3,14,23)
```
#051828
```
#051828 rgb(5,24,40)
```
#08233a
```
#08233a rgb(8,35,58)
```
#0a2d4b
```
#0a2d4b rgb(10,45,75)
```
#0c375c
```
#0c375c rgb(12,55,92)
```
#0f426e
```
#0f426e rgb(15,66,110)
```
#114c7f
```
#114c7f rgb(17,76,127)
```
#135790
```
#135790 rgb(19,87,144)
```
#1661a2
```
#1661a2 rgb(22,97,162)
```
#186bb3
```
#186bb3 rgb(24,107,179)
```
#1a76c4
```
#1a76c4 rgb(26,118,196)
```
#1c80d5
```
#1c80d5 rgb(28,128,213)
```

Shade Color Variation

#248ae2
```
#248ae2 rgb(36,138,226)
```
#3593e4
```
#3593e4 rgb(53,147,228)
```
#469de6
```
#469de6 rgb(70,157,230)
```
#58a6e9
```
#58a6e9 rgb(88,166,233)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#7ab8ed
```
#7ab8ed rgb(122,184,237)
```
#8cc1f0
```
#8cc1f0 rgb(140,193,240)
```
#9dcbf2
```
#9dcbf2 rgb(157,203,242)
```
#aed4f4
```
#aed4f4 rgb(174,212,244)
```
#c0ddf7
```
#c0ddf7 rgb(192,221,247)
```
#d1e6f9
```
#d1e6f9 rgb(209,230,249)
```
#e2f0fb
```
#e2f0fb rgb(226,240,251)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#a4aab0
```
#a4aab0 rgb(164,170,176)
```
#9dabb7
```
#9dabb7 rgb(157,171,183)
```
#97abbd
```
#97abbd rgb(151,171,189)
```
#90acc4
```
#90acc4 rgb(144,172,196)
```
#8aacca
```
#8aacca rgb(138,172,202)
```
#83add1
```
#83add1 rgb(131,173,209)
```
#7dadd7
```
#7dadd7 rgb(125,173,215)
```
#76aede
```
#76aede rgb(118,174,222)
```
#70aee4
```
#70aee4 rgb(112,174,228)
```
#69afeb
```
#69afeb rgb(105,175,235)
```
#62b0f2
```
#62b0f2 rgb(98,176,242)
```
#5cb0f8
```
#5cb0f8 rgb(92,176,248)
```
#55b1ff
```
#55b1ff rgb(85,177,255)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#96a4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aabe6 Protanopia 1% of men
#93abee Deuteranopia 1% of men
#5ebac7 Tritanopia 0.001% of the population

Trichromacy

#88ace8 Protanomaly 1% of men, 0.01% of women
#83aded Deuteranomaly 6% of men, 0.4% of women
#62b6d4 Tritanomaly 0.01% of the population

#69afeb hex color

#69afeb Color Information

#69afeb Color Conversion

Color Schemes with #69afeb

Alternatives to #69afeb

#69afeb Preview

Shades and Tints of #69afeb

Tones of #69afeb

Color Blindness Simulator