#69b3ed hex color

In a RGB color space, hex #69b3ed is composed of 41.2% red, 70.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 24.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.4 degrees, a saturation of 78.6% and a lightness of 67.1%. #69b3ed color hex could be obtained by blending #d2ffff with #0067db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 70
- B 93
RGB color chart
- C 56
- M 24
- Y 0
- K 7
CMYK color chart

● #69b3ed color description : Soft blue.

The hexadecimal color #69b3ed has RGB values of R:105, G:179, B:237 and CMYK values of C:0.56, M:0.24, Y:0, K:0.07. Its decimal value is 6927341.

Hex triplet	69b3ed	`#69b3ed`
RGB Decimal	105, 179, 237	`rgb(105,179,237)`
RGB Percent	41.2, 70.2, 92.9	`rgb(41.2%,70.2%,92.9%)`
CMYK	56, 24, 0, 7
HSL	206.4°, 78.6, 67.1	`hsl(206.4,78.6%,67.1%)`
HSV (or HSB)	206.4°, 55.7, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.424, -6.687, -35.965
XYZ	37.228, 41.356, 86.137
xyY	0.226, 0.251, 41.356
CIE-LCH	70.424, 36.581, 259.467
CIE-LUV	70.424, -32.287, -56.755
Hunter-Lab	64.308, -9.205, -34.399
Binary	01101001, 10110011, 11101101

#69b3ed
```
#69b3ed rgb(105,179,237)
```
#eda369
```
#eda369 rgb(237,163,105)
```

Complementary Color

#69ede5
```
#69ede5 rgb(105,237,229)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#6971ed
```
#6971ed rgb(105,113,237)
```

Analogous Color

#ede569
```
#ede569 rgb(237,229,105)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#ed6971
```
#ed6971 rgb(237,105,113)
```

Split Complementary Color

#b3ed69
```
#b3ed69 rgb(179,237,105)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#ed69b3
```
#ed69b3 rgb(237,105,179)
```

Triadic Color

#69eda3
```
#69eda3 rgb(105,237,163)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#ed69b3
```
#ed69b3 rgb(237,105,179)
```
#eda369
```
#eda369 rgb(237,163,105)
```

Tetradic Color

#2590e5
```
#2590e5 rgb(37,144,229)
```
#3b9ce8
```
#3b9ce8 rgb(59,156,232)
```
#52a7ea
```
#52a7ea rgb(82,167,234)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#80bff0
```
#80bff0 rgb(128,191,240)
```
#97caf2
```
#97caf2 rgb(151,202,242)
```
#add6f5
```
#add6f5 rgb(173,214,245)
```

Monochromatic Color

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

#69d4ed
```
#69d4ed rgb(105,212,237)
```
#69c9ed
```
#69c9ed rgb(105,201,237)
```
#69beed
```
#69beed rgb(105,190,237)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#69a8ed
```
#69a8ed rgb(105,168,237)
```
#699ded
```
#699ded rgb(105,157,237)
```
#6992ed
```
#6992ed rgb(105,146,237)
```

Similar Colors

Text with hexadecimal color #69b3ed

This text has a font color of #69b3ed.

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

#69b3ed background color

This paragraph has a background color of #69b3ed.

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

#69b3ed border color

This element has a border color of #69b3ed.

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

CSS codes

.text {color:#69b3ed;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#030f19
```
#030f19 rgb(3,15,25)
```
#051a2b
```
#051a2b rgb(5,26,43)
```
#07253c
```
#07253c rgb(7,37,60)
```
#09304e
```
#09304e rgb(9,48,78)
```
#0b3a5f
```
#0b3a5f rgb(11,58,95)
```
#0e4571
```
#0e4571 rgb(14,69,113)
```
#105082
```
#105082 rgb(16,80,130)
```
#125b94
```
#125b94 rgb(18,91,148)
```
#1465a5
```
#1465a5 rgb(20,101,165)
```
#1670b7
```
#1670b7 rgb(22,112,183)
```
#187bc8
```
#187bc8 rgb(24,123,200)
```
#1a86da
```
#1a86da rgb(26,134,218)
```

Shade Color Variation

#2390e5
```
#2390e5 rgb(35,144,229)
```
#3498e7
```
#3498e7 rgb(52,152,231)
```
#46a1e9
```
#46a1e9 rgb(70,161,233)
```
#57aaeb
```
#57aaeb rgb(87,170,235)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#7bbcef
```
#7bbcef rgb(123,188,239)
```
#8cc5f1
```
#8cc5f1 rgb(140,197,241)
```
#9ecef3
```
#9ecef3 rgb(158,206,243)
```
#afd6f5
```
#afd6f5 rgb(175,214,245)
```
#c1dff8
```
#c1dff8 rgb(193,223,248)
```
#d2e8fa
```
#d2e8fa rgb(210,232,250)
```
#e4f1fc
```
#e4f1fc rgb(228,241,252)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#aaabac
```
#aaabac rgb(170,171,172)
```
#a3acb3
```
#a3acb3 rgb(163,172,179)
```
#9dadb9
```
#9dadb9 rgb(157,173,185)
```
#96aec0
```
#96aec0 rgb(150,174,192)
```
#90aec6
```
#90aec6 rgb(144,174,198)
```
#89afcd
```
#89afcd rgb(137,175,205)
```
#83b0d3
```
#83b0d3 rgb(131,176,211)
```
#7cb1da
```
#7cb1da rgb(124,177,218)
```
#76b1e0
```
#76b1e0 rgb(118,177,224)
```
#6fb2e7
```
#6fb2e7 rgb(111,178,231)
```
#69b3ed
```
#69b3ed rgb(105,179,237)
```
#63b4f3
```
#63b4f3 rgb(99,180,243)
```
#5cb5fa
```
#5cb5fa rgb(92,181,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#97a6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eaee8 Protanopia 1% of men
#97aef1 Deuteranopia 1% of men
#5fbdcb Tritanopia 0.001% of the population

Trichromacy

#8bb0e9 Protanomaly 1% of men, 0.01% of women
#86b0ef Deuteranomaly 6% of men, 0.4% of women
#62b9d7 Tritanomaly 0.01% of the population

#69b3ed hex color

#69b3ed Color Information

#69b3ed Color Conversion

Color Schemes with #69b3ed

Alternatives to #69b3ed

#69b3ed Preview

Shades and Tints of #69b3ed

Tones of #69b3ed

Color Blindness Simulator