#69b0e0 hex color

In a RGB color space, hex #69b0e0 is composed of 41.2% red, 69% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 21.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 204.2 degrees, a saturation of 65.7% and a lightness of 64.5%. #69b0e0 color hex could be obtained by blending #d2ffff with #0061c1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 69
- B 88
RGB color chart
- C 53
- M 21
- Y 0
- K 12
CMYK color chart

● #69b0e0 color description : Soft blue.

The hexadecimal color #69b0e0 has RGB values of R:105, G:176, B:224 and CMYK values of C:0.53, M:0.21, Y:0, K:0.12. Its decimal value is 6926560.

Hex triplet	69b0e0	`#69b0e0`
RGB Decimal	105, 176, 224	`rgb(105,176,224)`
RGB Percent	41.2, 69, 87.8	`rgb(41.2%,69%,87.8%)`
CMYK	53, 21, 0, 12
HSL	204.2°, 65.7, 64.5	`hsl(204.2,65.7%,64.5%)`
HSV (or HSB)	204.2°, 53.1, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.064, -8.95, -30.978
XYZ	34.802, 39.434, 76.294
xyY	0.231, 0.262, 39.434
CIE-LCH	69.064, 32.245, 253.885
CIE-LUV	69.064, -31.476, -47.888
Hunter-Lab	62.796, -10.967, -28.077
Binary	01101001, 10110000, 11100000

#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#e09969
```
#e09969 rgb(224,153,105)
```

Complementary Color

#69e0d5
```
#69e0d5 rgb(105,224,213)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#6975e0
```
#6975e0 rgb(105,117,224)
```

Analogous Color

#e0d569
```
#e0d569 rgb(224,213,105)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#e06975
```
#e06975 rgb(224,105,117)
```

Split Complementary Color

#b0e069
```
#b0e069 rgb(176,224,105)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#e069b0
```
#e069b0 rgb(224,105,176)
```

Triadic Color

#69e099
```
#69e099 rgb(105,224,153)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#e069b0
```
#e069b0 rgb(224,105,176)
```
#e09969
```
#e09969 rgb(224,153,105)
```

Tetradic Color

#2b8ed1
```
#2b8ed1 rgb(43,142,209)
```
#3f9ad7
```
#3f9ad7 rgb(63,154,215)
```
#54a5dc
```
#54a5dc rgb(84,165,220)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#7ebbe4
```
#7ebbe4 rgb(126,187,228)
```
#93c6e9
```
#93c6e9 rgb(147,198,233)
```
#a8d1ed
```
#a8d1ed rgb(168,209,237)
```

Monochromatic Color

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

#69cee0
```
#69cee0 rgb(105,206,224)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#69bae0
```
#69bae0 rgb(105,186,224)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#69a6e0
```
#69a6e0 rgb(105,166,224)
```
#699ce0
```
#699ce0 rgb(105,156,224)
```
#6992e0
```
#6992e0 rgb(105,146,224)
```

Similar Colors

Text with hexadecimal color #69b0e0

This text has a font color of #69b0e0.

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

#69b0e0 background color

This paragraph has a background color of #69b0e0.

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

#69b0e0 border color

This element has a border color of #69b0e0.

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

CSS codes

.text {color:#69b0e0;}

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

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

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, #03090d is the darkest color, while #fbfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141d
```
#06141d rgb(6,20,29)
```
#091f2d
```
#091f2d rgb(9,31,45)
```
#0d2a3d
```
#0d2a3d rgb(13,42,61)
```
#10354e
```
#10354e rgb(16,53,78)
```
#13405e
```
#13405e rgb(19,64,94)
```
#174b6e
```
#174b6e rgb(23,75,110)
```
#1a567e
```
#1a567e rgb(26,86,126)
```
#1d618f
```
#1d618f rgb(29,97,143)
```
#216c9f
```
#216c9f rgb(33,108,159)
```
#2477af
```
#2477af rgb(36,119,175)
```
#2882bf
```
#2882bf rgb(40,130,191)
```
#2b8dd0
```
#2b8dd0 rgb(43,141,208)
```

Shade Color Variation

#3896d6
```
#3896d6 rgb(56,150,214)
```
#489fd9
```
#489fd9 rgb(72,159,217)
```
#59a7dd
```
#59a7dd rgb(89,167,221)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#79b9e3
```
#79b9e3 rgb(121,185,227)
```
#8ac1e7
```
#8ac1e7 rgb(138,193,231)
```
#9acaea
```
#9acaea rgb(154,202,234)
```
#aad2ed
```
#aad2ed rgb(170,210,237)
```
#badbf1
```
#badbf1 rgb(186,219,241)
```
#cbe3f4
```
#cbe3f4 rgb(203,227,244)
```
#dbecf8
```
#dbecf8 rgb(219,236,248)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#a1a5a8
```
#a1a5a8 rgb(161,165,168)
```
#9aa7af
```
#9aa7af rgb(154,167,175)
```
#93a8b6
```
#93a8b6 rgb(147,168,182)
```
#8ca9bd
```
#8ca9bd rgb(140,169,189)
```
#85abc4
```
#85abc4 rgb(133,171,196)
```
#7eaccb
```
#7eaccb rgb(126,172,203)
```
#77add2
```
#77add2 rgb(119,173,210)
```
#70afd9
```
#70afd9 rgb(112,175,217)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#62b1e7
```
#62b1e7 rgb(98,177,231)
```
#5bb3ee
```
#5bb3ee rgb(91,179,238)
```
#54b4f5
```
#54b4f5 rgb(84,180,245)
```
#4db5fc
```
#4db5fc rgb(77,181,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#95a3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fabdb Protanopia 1% of men
#9baae5 Deuteranopia 1% of men
#64b9c6 Tritanopia 0.001% of the population

Trichromacy

#8bacdd Protanomaly 1% of men, 0.01% of women
#88ace3 Deuteranomaly 6% of men, 0.4% of women
#66b5cf Tritanomaly 0.01% of the population

#69b0e0 hex color

#69b0e0 Color Information

#69b0e0 Color Conversion

Color Schemes with #69b0e0

Alternatives to #69b0e0

#69b0e0 Preview

Shades and Tints of #69b0e0

Tones of #69b0e0

Color Blindness Simulator