#69a1ec hex color

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

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

● #69a1ec color description : Soft blue.

The hexadecimal color #69a1ec has RGB values of R:105, G:161, B:236 and CMYK values of C:0.56, M:0.32, Y:0, K:0.07. Its decimal value is 6922732.

Hex triplet	69a1ec	`#69a1ec`
RGB Decimal	105, 161, 236	`rgb(105,161,236)`
RGB Percent	41.2, 63.1, 92.5	`rgb(41.2%,63.1%,92.5%)`
CMYK	56, 32, 0, 7
HSL	214.4°, 77.5, 66.9	`hsl(214.4,77.5%,66.9%)`
HSV (or HSB)	214.4°, 55.5, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.395, 3.076, -43.272
XYZ	33.707, 34.547, 84.244
xyY	0.221, 0.227, 34.547
CIE-LCH	65.395, 43.381, 274.067
CIE-LUV	65.395, -25.739, -69.647
Hunter-Lab	58.777, -0.493, -43.836
Binary	01101001, 10100001, 11101100

#69a1ec
```
#69a1ec rgb(105,161,236)
```
#ecb469
```
#ecb469 rgb(236,180,105)
```

Complementary Color

#69e3ec
```
#69e3ec rgb(105,227,236)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#7369ec
```
#7369ec rgb(115,105,236)
```

Analogous Color

#e3ec69
```
#e3ec69 rgb(227,236,105)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#ec7369
```
#ec7369 rgb(236,115,105)
```

Split Complementary Color

#a1ec69
```
#a1ec69 rgb(161,236,105)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#ec69a1
```
#ec69a1 rgb(236,105,161)
```

Triadic Color

#69ecb4
```
#69ecb4 rgb(105,236,180)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#ec69a1
```
#ec69a1 rgb(236,105,161)
```
#ecb469
```
#ecb469 rgb(236,180,105)
```

Tetradic Color

#2576e3
```
#2576e3 rgb(37,118,227)
```
#3c85e6
```
#3c85e6 rgb(60,133,230)
```
#5293e9
```
#5293e9 rgb(82,147,233)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#80afef
```
#80afef rgb(128,175,239)
```
#96bdf2
```
#96bdf2 rgb(150,189,242)
```
#adccf5
```
#adccf5 rgb(173,204,245)
```

Monochromatic Color

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

#69c2ec
```
#69c2ec rgb(105,194,236)
```
#69b7ec
```
#69b7ec rgb(105,183,236)
```
#69acec
```
#69acec rgb(105,172,236)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#6996ec
```
#6996ec rgb(105,150,236)
```
#698bec
```
#698bec rgb(105,139,236)
```
#6980ec
```
#6980ec rgb(105,128,236)
```

Similar Colors

Text with hexadecimal color #69a1ec

This text has a font color of #69a1ec.

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

#69a1ec background color

This paragraph has a background color of #69a1ec.

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

#69a1ec border color

This element has a border color of #69a1ec.

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

CSS codes

.text {color:#69a1ec;}

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

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

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)
```
#071d3b
```
#071d3b rgb(7,29,59)
```
#0a264c
```
#0a264c rgb(10,38,76)
```
#0c2f5e
```
#0c2f5e rgb(12,47,94)
```
#0e386f
```
#0e386f rgb(14,56,111)
```
#104081
```
#104081 rgb(16,64,129)
```
#124992
```
#124992 rgb(18,73,146)
```
#1552a3
```
#1552a3 rgb(21,82,163)
```
#175ab5
```
#175ab5 rgb(23,90,181)
```
#1963c6
```
#1963c6 rgb(25,99,198)
```
#1b6cd8
```
#1b6cd8 rgb(27,108,216)
```

Shade Color Variation

#2375e3
```
#2375e3 rgb(35,117,227)
```
#3580e5
```
#3580e5 rgb(53,128,229)
```
#468be8
```
#468be8 rgb(70,139,232)
```
#5896ea
```
#5896ea rgb(88,150,234)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#7aacee
```
#7aacee rgb(122,172,238)
```
#8cb7f0
```
#8cb7f0 rgb(140,183,240)
```
#9dc2f3
```
#9dc2f3 rgb(157,194,243)
```
#afcdf5
```
#afcdf5 rgb(175,205,245)
```
#c0d8f7
```
#c0d8f7 rgb(192,216,247)
```
#d1e2f9
```
#d1e2f9 rgb(209,226,249)
```
#e3edfb
```
#e3edfb rgb(227,237,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 #5c9ff9 is the most saturated one.

#aaaaab
```
#aaaaab rgb(170,170,171)
```
#a4a9b2
```
#a4a9b2 rgb(164,169,178)
```
#9da9b8
```
#9da9b8 rgb(157,169,184)
```
#97a8bf
```
#97a8bf rgb(151,168,191)
```
#90a7c5
```
#90a7c5 rgb(144,167,197)
```
#8aa6cc
```
#8aa6cc rgb(138,166,204)
```
#83a5d2
```
#83a5d2 rgb(131,165,210)
```
#7da4d9
```
#7da4d9 rgb(125,164,217)
```
#76a3df
```
#76a3df rgb(118,163,223)
```
#70a2e6
```
#70a2e6 rgb(112,162,230)
```
#69a1ec
```
#69a1ec rgb(105,161,236)
```
#63a0f3
```
#63a0f3 rgb(99,160,243)
```
#5c9ff9
```
#5c9ff9 rgb(92,159,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8f9baa Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a1e9 Protanopia 1% of men
#7da3ee Deuteranopia 1% of men
#58afbc Tritanopia 0.001% of the population

Trichromacy

#7da1ea Protanomaly 1% of men, 0.01% of women
#76a2ed Deuteranomaly 6% of men, 0.4% of women
#5eaacd Tritanomaly 0.01% of the population

#69a1ec hex color

#69a1ec Color Information

#69a1ec Color Conversion

Color Schemes with #69a1ec

Alternatives to #69a1ec

#69a1ec Preview

Shades and Tints of #69a1ec

Tones of #69a1ec

Color Blindness Simulator