#69a3ec hex color

In a RGB color space, hex #69a3ec is composed of 41.2% red, 63.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 30.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 213.4 degrees, a saturation of 77.5% and a lightness of 66.9%. #69a3ec color hex could be obtained by blending #d2ffff with #0047d9. Closest websafe color is: #6699ff.

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

● #69a3ec color description : Soft blue.

The hexadecimal color #69a3ec has RGB values of R:105, G:163, B:236 and CMYK values of C:0.56, M:0.31, Y:0, K:0.07. Its decimal value is 6923244.

Hex triplet	69a3ec	`#69a3ec`
RGB Decimal	105, 163, 236	`rgb(105,163,236)`
RGB Percent	41.2, 63.9, 92.5	`rgb(41.2%,63.9%,92.5%)`
CMYK	56, 31, 0, 7
HSL	213.4°, 77.5, 66.9	`hsl(213.4,77.5%,66.9%)`
HSV (or HSB)	213.4°, 55.5, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.944, 1.936, -42.409
XYZ	34.06, 35.252, 84.362
xyY	0.222, 0.229, 35.252
CIE-LCH	65.944, 42.454, 272.614
CIE-LUV	65.944, -26.459, -68.147
Hunter-Lab	59.373, -1.506, -42.682
Binary	01101001, 10100011, 11101100

#69a3ec
```
#69a3ec rgb(105,163,236)
```
#ecb269
```
#ecb269 rgb(236,178,105)
```

Complementary Color

#69e5ec
```
#69e5ec rgb(105,229,236)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#7169ec
```
#7169ec rgb(113,105,236)
```

Analogous Color

#e5ec69
```
#e5ec69 rgb(229,236,105)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#ec7169
```
#ec7169 rgb(236,113,105)
```

Split Complementary Color

#a3ec69
```
#a3ec69 rgb(163,236,105)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#ec69a3
```
#ec69a3 rgb(236,105,163)
```

Triadic Color

#69ecb2
```
#69ecb2 rgb(105,236,178)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#ec69a3
```
#ec69a3 rgb(236,105,163)
```
#ecb269
```
#ecb269 rgb(236,178,105)
```

Tetradic Color

#2579e3
```
#2579e3 rgb(37,121,227)
```
#3c87e6
```
#3c87e6 rgb(60,135,230)
```
#5295e9
```
#5295e9 rgb(82,149,233)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#80b1ef
```
#80b1ef rgb(128,177,239)
```
#96bff2
```
#96bff2 rgb(150,191,242)
```
#adcdf5
```
#adcdf5 rgb(173,205,245)
```

Monochromatic Color

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

#69c4ec
```
#69c4ec rgb(105,196,236)
```
#69b9ec
```
#69b9ec rgb(105,185,236)
```
#69aeec
```
#69aeec rgb(105,174,236)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#6998ec
```
#6998ec rgb(105,152,236)
```
#698dec
```
#698dec rgb(105,141,236)
```
#6982ec
```
#6982ec rgb(105,130,236)
```

Similar Colors

Text with hexadecimal color #69a3ec

This text has a font color of #69a3ec.

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

#69a3ec background color

This paragraph has a background color of #69a3ec.

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

#69a3ec border color

This element has a border color of #69a3ec.

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

CSS codes

.text {color:#69a3ec;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030c18
```
#030c18 rgb(3,12,24)
```
#05152a
```
#05152a rgb(5,21,42)
```
#071e3b
```
#071e3b rgb(7,30,59)
```
#0a274c
```
#0a274c rgb(10,39,76)
```
#0c305e
```
#0c305e rgb(12,48,94)
```
#0e396f
```
#0e396f rgb(14,57,111)
```
#104281
```
#104281 rgb(16,66,129)
```
#124b92
```
#124b92 rgb(18,75,146)
```
#1554a3
```
#1554a3 rgb(21,84,163)
```
#175db5
```
#175db5 rgb(23,93,181)
```
#1966c6
```
#1966c6 rgb(25,102,198)
```
#1b6fd8
```
#1b6fd8 rgb(27,111,216)
```

Shade Color Variation

#2378e3
```
#2378e3 rgb(35,120,227)
```
#3583e5
```
#3583e5 rgb(53,131,229)
```
#468ee8
```
#468ee8 rgb(70,142,232)
```
#5898ea
```
#5898ea rgb(88,152,234)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#7aaeee
```
#7aaeee rgb(122,174,238)
```
#8cb8f0
```
#8cb8f0 rgb(140,184,240)
```
#9dc3f3
```
#9dc3f3 rgb(157,195,243)
```
#afcef5
```
#afcef5 rgb(175,206,245)
```
#c0d8f7
```
#c0d8f7 rgb(192,216,247)
```
#d1e3f9
```
#d1e3f9 rgb(209,227,249)
```
#e3eefb
```
#e3eefb rgb(227,238,251)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4aab2
```
#a4aab2 rgb(164,170,178)
```
#9da9b8
```
#9da9b8 rgb(157,169,184)
```
#97a8bf
```
#97a8bf rgb(151,168,191)
```
#90a7c5
```
#90a7c5 rgb(144,167,197)
```
#8aa7cc
```
#8aa7cc rgb(138,167,204)
```
#83a6d2
```
#83a6d2 rgb(131,166,210)
```
#7da5d9
```
#7da5d9 rgb(125,165,217)
```
#76a4df
```
#76a4df rgb(118,164,223)
```
#70a4e6
```
#70a4e6 rgb(112,164,230)
```
#69a3ec
```
#69a3ec rgb(105,163,236)
```
#63a2f3
```
#63a2f3 rgb(99,162,243)
```
#5ca2f9
```
#5ca2f9 rgb(92,162,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#909caa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca2e9 Protanopia 1% of men
#81a4ee Deuteranopia 1% of men
#59b1be Tritanopia 0.001% of the population

Trichromacy

#7fa2ea Protanomaly 1% of men, 0.01% of women
#78a3ed Deuteranomaly 6% of men, 0.4% of women
#5facce Tritanomaly 0.01% of the population

#69a3ec hex color

#69a3ec Color Information

#69a3ec Color Conversion

Color Schemes with #69a3ec

Alternatives to #69a3ec

#69a3ec Preview

Shades and Tints of #69a3ec

Tones of #69a3ec

Color Blindness Simulator