#69a2cc hex color

In a RGB color space, hex #69a2cc is composed of 41.2% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 205.5 degrees, a saturation of 49.3% and a lightness of 60.6%. #69a2cc color hex could be obtained by blending #d2ffff with #004599. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 80
RGB color chart
- C 49
- M 21
- Y 0
- K 20
CMYK color chart

● #69a2cc color description : Slightly desaturated blue.

The hexadecimal color #69a2cc has RGB values of R:105, G:162, B:204 and CMYK values of C:0.49, M:0.21, Y:0, K:0.2. Its decimal value is 6922956.

Hex triplet	69a2cc	`#69a2cc`
RGB Decimal	105, 162, 204	`rgb(105,162,204)`
RGB Percent	41.2, 63.5, 80	`rgb(41.2%,63.5%,80%)`
CMYK	49, 21, 0, 20
HSL	205.5°, 49.3, 60.6	`hsl(205.5,49.3%,60.6%)`
HSV (or HSB)	205.5°, 48.5, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.324, -7.15, -27.254
XYZ	29.643, 33.202, 61.97
xyY	0.237, 0.266, 33.202
CIE-LCH	64.324, 28.176, 255.3
CIE-LUV	64.324, -26.49, -41.459
Hunter-Lab	57.621, -9.01, -23.43
Binary	01101001, 10100010, 11001100

#69a2cc
```
#69a2cc rgb(105,162,204)
```
#cc9369
```
#cc9369 rgb(204,147,105)
```

Complementary Color

#69ccc5
```
#69ccc5 rgb(105,204,197)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#6971cc
```
#6971cc rgb(105,113,204)
```

Analogous Color

#ccc569
```
#ccc569 rgb(204,197,105)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#cc6971
```
#cc6971 rgb(204,105,113)
```

Split Complementary Color

#a2cc69
```
#a2cc69 rgb(162,204,105)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#cc69a2
```
#cc69a2 rgb(204,105,162)
```

Triadic Color

#69cc93
```
#69cc93 rgb(105,204,147)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#cc69a2
```
#cc69a2 rgb(204,105,162)
```
#cc9369
```
#cc9369 rgb(204,147,105)
```

Tetradic Color

#3b7dae
```
#3b7dae rgb(59,125,174)
```
#438abf
```
#438abf rgb(67,138,191)
```
#5696c6
```
#5696c6 rgb(86,150,198)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#7caed2
```
#7caed2 rgb(124,174,210)
```
#8fbad9
```
#8fbad9 rgb(143,186,217)
```
#a2c5df
```
#a2c5df rgb(162,197,223)
```

Monochromatic Color

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

#69bbcc
```
#69bbcc rgb(105,187,204)
```
#69b3cc
```
#69b3cc rgb(105,179,204)
```
#69aacc
```
#69aacc rgb(105,170,204)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#699acc
```
#699acc rgb(105,154,204)
```
#6992cc
```
#6992cc rgb(105,146,204)
```
#6989cc
```
#6989cc rgb(105,137,204)
```

Similar Colors

Text with hexadecimal color #69a2cc

This text has a font color of #69a2cc.

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

#69a2cc background color

This paragraph has a background color of #69a2cc.

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

#69a2cc border color

This element has a border color of #69a2cc.

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

CSS codes

.text {color:#69a2cc;}

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

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

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

#04080b
```
#04080b rgb(4,8,11)
```
#09121a
```
#09121a rgb(9,18,26)
```
#0e1d28
```
#0e1d28 rgb(14,29,40)
```
#132837
```
#132837 rgb(19,40,55)
```
#183246
```
#183246 rgb(24,50,70)
```
#1d3d54
```
#1d3d54 rgb(29,61,84)
```
#224763
```
#224763 rgb(34,71,99)
```
#275271
```
#275271 rgb(39,82,113)
```
#2c5c80
```
#2c5c80 rgb(44,92,128)
```
#31678f
```
#31678f rgb(49,103,143)
```
#36719d
```
#36719d rgb(54,113,157)
```
#3a7cac
```
#3a7cac rgb(58,124,172)
```
#3f86bb
```
#3f86bb rgb(63,134,187)
```

Shade Color Variation

#4c90c2
```
#4c90c2 rgb(76,144,194)
```
#5a99c7
```
#5a99c7 rgb(90,153,199)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#78abd1
```
#78abd1 rgb(120,171,209)
```
#86b4d6
```
#86b4d6 rgb(134,180,214)
```
#95bddb
```
#95bddb rgb(149,189,219)
```
#a4c6e0
```
#a4c6e0 rgb(164,198,224)
```
#b2cfe5
```
#b2cfe5 rgb(178,207,229)
```
#c1d8ea
```
#c1d8ea rgb(193,216,234)
```
#cfe2ef
```
#cfe2ef rgb(207,226,239)
```
#deebf4
```
#deebf4 rgb(222,235,244)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979b9e is the less saturated color, while #3ba9fa is the most saturated one.

#979b9e
```
#979b9e rgb(151,155,158)
```
#909ca5
```
#909ca5 rgb(144,156,165)
```
#889dad
```
#889dad rgb(136,157,173)
```
#809eb5
```
#809eb5 rgb(128,158,181)
```
#78a0bd
```
#78a0bd rgb(120,160,189)
```
#71a1c4
```
#71a1c4 rgb(113,161,196)
```
#69a2cc
```
#69a2cc rgb(105,162,204)
```
#61a3d4
```
#61a3d4 rgb(97,163,212)
```
#5aa4db
```
#5aa4db rgb(90,164,219)
```
#52a6e3
```
#52a6e3 rgb(82,166,227)
```
#4aa7eb
```
#4aa7eb rgb(74,167,235)
```
#42a8f3
```
#42a8f3 rgb(66,168,243)
```
#3ba9fa
```
#3ba9fa rgb(59,169,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8d98a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959fc9 Protanopia 1% of men
#939ed1 Deuteranopia 1% of men
#67abb7 Tritanopia 0.001% of the population

Trichromacy

#85a0ca Protanomaly 1% of men, 0.01% of women
#83a0cf Deuteranomaly 6% of men, 0.4% of women
#68a7bf Tritanomaly 0.01% of the population

#69a2cc hex color

#69a2cc Color Information

#69a2cc Color Conversion

Color Schemes with #69a2cc

Alternatives to #69a2cc

#69a2cc Preview

Shades and Tints of #69a2cc

Tones of #69a2cc

Color Blindness Simulator