#69a2ca hex color

In a RGB color space, hex #69a2ca is composed of 41.2% red, 63.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 19.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 204.7 degrees, a saturation of 47.8% and a lightness of 60.2%. #69a2ca color hex could be obtained by blending #d2ffff with #004595. Closest websafe color is: #6699cc.

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

● #69a2ca color description : Slightly desaturated blue.

The hexadecimal color #69a2ca has RGB values of R:105, G:162, B:202 and CMYK values of C:0.48, M:0.2, Y:0, K:0.21. Its decimal value is 6922954.

Hex triplet	69a2ca	`#69a2ca`
RGB Decimal	105, 162, 202	`rgb(105,162,202)`
RGB Percent	41.2, 63.5, 79.2	`rgb(41.2%,63.5%,79.2%)`
CMYK	48, 20, 0, 21
HSL	204.7°, 47.8, 60.2	`hsl(204.7,47.8%,60.2%)`
HSV (or HSB)	204.7°, 48, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.247, -7.729, -26.26
XYZ	29.404, 33.107, 60.715
xyY	0.239, 0.269, 33.107
CIE-LCH	64.247, 27.374, 253.599
CIE-LUV	64.247, -26.517, -39.737
Hunter-Lab	57.538, -9.472, -22.286
Binary	01101001, 10100010, 11001010

#69a2ca
```
#69a2ca rgb(105,162,202)
```
#ca9169
```
#ca9169 rgb(202,145,105)
```

Complementary Color

#69cac2
```
#69cac2 rgb(105,202,194)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#6972ca
```
#6972ca rgb(105,114,202)
```

Analogous Color

#cac269
```
#cac269 rgb(202,194,105)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#ca6972
```
#ca6972 rgb(202,105,114)
```

Split Complementary Color

#a2ca69
```
#a2ca69 rgb(162,202,105)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#ca69a2
```
#ca69a2 rgb(202,105,162)
```

Triadic Color

#69ca91
```
#69ca91 rgb(105,202,145)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#ca69a2
```
#ca69a2 rgb(202,105,162)
```
#ca9169
```
#ca9169 rgb(202,145,105)
```

Tetradic Color

#3c7daa
```
#3c7daa rgb(60,125,170)
```
#438bbd
```
#438bbd rgb(67,139,189)
```
#5696c3
```
#5696c3 rgb(86,150,195)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#7caed1
```
#7caed1 rgb(124,174,209)
```
#8fb9d7
```
#8fb9d7 rgb(143,185,215)
```
#a2c5de
```
#a2c5de rgb(162,197,222)
```

Monochromatic Color

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

#69baca
```
#69baca rgb(105,186,202)
```
#69b2ca
```
#69b2ca rgb(105,178,202)
```
#69aaca
```
#69aaca rgb(105,170,202)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#699aca
```
#699aca rgb(105,154,202)
```
#6992ca
```
#6992ca rgb(105,146,202)
```
#698aca
```
#698aca rgb(105,138,202)
```

Similar Colors

Text with hexadecimal color #69a2ca

This text has a font color of #69a2ca.

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

#69a2ca background color

This paragraph has a background color of #69a2ca.

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

#69a2ca border color

This element has a border color of #69a2ca.

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

CSS codes

.text {color:#69a2ca;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#081218
```
#081218 rgb(8,18,24)
```
#0e1c26
```
#0e1c26 rgb(14,28,38)
```
#132735
```
#132735 rgb(19,39,53)
```
#183143
```
#183143 rgb(24,49,67)
```
#1d3c52
```
#1d3c52 rgb(29,60,82)
```
#224760
```
#224760 rgb(34,71,96)
```
#27516f
```
#27516f rgb(39,81,111)
```
#2c5c7d
```
#2c5c7d rgb(44,92,125)
```
#31678c
```
#31678c rgb(49,103,140)
```
#37719a
```
#37719a rgb(55,113,154)
```
#3c7ca9
```
#3c7ca9 rgb(60,124,169)
```
#4186b7
```
#4186b7 rgb(65,134,183)
```

Shade Color Variation

#4c90c0
```
#4c90c0 rgb(76,144,192)
```
#5b99c5
```
#5b99c5 rgb(91,153,197)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#77abcf
```
#77abcf rgb(119,171,207)
```
#86b4d4
```
#86b4d4 rgb(134,180,212)
```
#94bdd9
```
#94bdd9 rgb(148,189,217)
```
#a3c6de
```
#a3c6de rgb(163,198,222)
```
#b1cfe4
```
#b1cfe4 rgb(177,207,228)
```
#c0d8e9
```
#c0d8e9 rgb(192,216,233)
```
#cee1ee
```
#cee1ee rgb(206,225,238)
```
#ddeaf3
```
#ddeaf3 rgb(221,234,243)
```
#ebf3f8
```
#ebf3f8 rgb(235,243,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#989a9b
```
#989a9b rgb(152,154,155)
```
#909ba3
```
#909ba3 rgb(144,155,163)
```
#889dab
```
#889dab rgb(136,157,171)
```
#809eb3
```
#809eb3 rgb(128,158,179)
```
#799fba
```
#799fba rgb(121,159,186)
```
#71a1c2
```
#71a1c2 rgb(113,161,194)
```
#69a2ca
```
#69a2ca rgb(105,162,202)
```
#61a3d2
```
#61a3d2 rgb(97,163,210)
```
#59a5da
```
#59a5da rgb(89,165,218)
```
#52a6e1
```
#52a6e1 rgb(82,166,225)
```
#4aa7e9
```
#4aa7e9 rgb(74,167,233)
```
#42a9f1
```
#42a9f1 rgb(66,169,241)
```
#3aaaf9
```
#3aaaf9 rgb(58,170,249)
```

Tone Color Variation

Below, you can see how #69a2ca 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
#8d98a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969fc7 Protanopia 1% of men
#949ecf Deuteranopia 1% of men
#68aab7 Tritanopia 0.001% of the population

Trichromacy

#85a0c8 Protanomaly 1% of men, 0.01% of women
#849fcd Deuteranomaly 6% of men, 0.4% of women
#68a7be Tritanomaly 0.01% of the population

#69a2ca hex color

#69a2ca Color Information

#69a2ca Color Conversion

Color Schemes with #69a2ca

Alternatives to #69a2ca

#69a2ca Preview

Shades and Tints of #69a2ca

Tones of #69a2ca

Color Blindness Simulator