#69a4da hex color

In a RGB color space, hex #69a4da is composed of 41.2% red, 64.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 24.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 208.7 degrees, a saturation of 60.4% and a lightness of 63.3%. #69a4da color hex could be obtained by blending #d2ffff with #0049b5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 85
RGB color chart
- C 52
- M 25
- Y 0
- K 15
CMYK color chart

● #69a4da color description : Soft blue.

The hexadecimal color #69a4da has RGB values of R:105, G:164, B:218 and CMYK values of C:0.52, M:0.25, Y:0, K:0.15. Its decimal value is 6923482.

Hex triplet	69a4da	`#69a4da`
RGB Decimal	105, 164, 218	`rgb(105,164,218)`
RGB Percent	41.2, 64.3, 85.5	`rgb(41.2%,64.3%,85.5%)`
CMYK	52, 25, 0, 15
HSL	208.7°, 60.4, 63.3	`hsl(208.7,60.4%,63.3%)`
HSV (or HSB)	208.7°, 51.8, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.447, -4.127, -33.277
XYZ	31.753, 34.614, 71.334
xyY	0.231, 0.251, 34.614
CIE-LCH	65.447, 33.532, 262.929
CIE-LUV	65.447, -27.059, -51.978
Hunter-Lab	58.834, -6.622, -30.703
Binary	01101001, 10100100, 11011010

#69a4da
```
#69a4da rgb(105,164,218)
```
#da9f69
```
#da9f69 rgb(218,159,105)
```

Complementary Color

#69dad8
```
#69dad8 rgb(105,218,216)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#696cda
```
#696cda rgb(105,108,218)
```

Analogous Color

#dad869
```
#dad869 rgb(218,216,105)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#da696c
```
#da696c rgb(218,105,108)
```

Split Complementary Color

#a4da69
```
#a4da69 rgb(164,218,105)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#da69a4
```
#da69a4 rgb(218,105,164)
```

Triadic Color

#69da9f
```
#69da9f rgb(105,218,159)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#da69a4
```
#da69a4 rgb(218,105,164)
```
#da9f69
```
#da9f69 rgb(218,159,105)
```

Tetradic Color

#317fc6
```
#317fc6 rgb(49,127,198)
```
#408bd0
```
#408bd0 rgb(64,139,208)
```
#5598d5
```
#5598d5 rgb(85,152,213)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#7db0df
```
#7db0df rgb(125,176,223)
```
#92bde4
```
#92bde4 rgb(146,189,228)
```
#a6c9e9
```
#a6c9e9 rgb(166,201,233)
```

Monochromatic Color

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

#69c0da
```
#69c0da rgb(105,192,218)
```
#69b7da
```
#69b7da rgb(105,183,218)
```
#69adda
```
#69adda rgb(105,173,218)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#699bda
```
#699bda rgb(105,155,218)
```
#6991da
```
#6991da rgb(105,145,218)
```
#6988da
```
#6988da rgb(105,136,218)
```

Similar Colors

Text with hexadecimal color #69a4da

This text has a font color of #69a4da.

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

#69a4da background color

This paragraph has a background color of #69a4da.

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

#69a4da border color

This element has a border color of #69a4da.

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

CSS codes

.text {color:#69a4da;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#060f17
```
#060f17 rgb(6,15,23)
```
#0a1927
```
#0a1927 rgb(10,25,39)
```
#0d2337
```
#0d2337 rgb(13,35,55)
```
#112d46
```
#112d46 rgb(17,45,70)
```
#153756
```
#153756 rgb(21,55,86)
```
#194166
```
#194166 rgb(25,65,102)
```
#1d4b75
```
#1d4b75 rgb(29,75,117)
```
#215585
```
#215585 rgb(33,85,133)
```
#255f95
```
#255f95 rgb(37,95,149)
```
#2969a5
```
#2969a5 rgb(41,105,165)
```
#2d73b4
```
#2d73b4 rgb(45,115,180)
```
#307ec4
```
#307ec4 rgb(48,126,196)
```

Shade Color Variation

#3a87ce
```
#3a87ce rgb(58,135,206)
```
#4a91d2
```
#4a91d2 rgb(74,145,210)
```
#599ad6
```
#599ad6 rgb(89,154,214)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#79aede
```
#79aede rgb(121,174,222)
```
#88b7e2
```
#88b7e2 rgb(136,183,226)
```
#98c1e6
```
#98c1e6 rgb(152,193,230)
```
#a8caea
```
#a8caea rgb(168,202,234)
```
#b8d4ed
```
#b8d4ed rgb(184,212,237)
```
#c7ddf1
```
#c7ddf1 rgb(199,221,241)
```
#d7e7f5
```
#d7e7f5 rgb(215,231,245)
```
#e7f0f9
```
#e7f0f9 rgb(231,240,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba2a8 is the less saturated color, while #45a6fe is the most saturated one.

#9ba2a8
```
#9ba2a8 rgb(155,162,168)
```
#94a2af
```
#94a2af rgb(148,162,175)
```
#8da2b6
```
#8da2b6 rgb(141,162,182)
```
#86a3bd
```
#86a3bd rgb(134,163,189)
```
#7fa3c4
```
#7fa3c4 rgb(127,163,196)
```
#77a3cc
```
#77a3cc rgb(119,163,204)
```
#70a4d3
```
#70a4d3 rgb(112,164,211)
```
#69a4da
```
#69a4da rgb(105,164,218)
```
#62a4e1
```
#62a4e1 rgb(98,164,225)
```
#5ba5e8
```
#5ba5e8 rgb(91,165,232)
```
#53a5f0
```
#53a5f0 rgb(83,165,240)
```
#4ca5f7
```
#4ca5f7 rgb(76,165,247)
```
#45a6fe
```
#45a6fe rgb(69,166,254)
```

Tone Color Variation

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

Dichromacy

#93a2d7 Protanopia 1% of men
#8ea2de Deuteranopia 1% of men
#62afbb Tritanopia 0.001% of the population

Trichromacy

#84a2d8 Protanomaly 1% of men, 0.01% of women
#80a2dc Deuteranomaly 6% of men, 0.4% of women
#64abc6 Tritanomaly 0.01% of the population

#69a4da hex color

#69a4da Color Information

#69a4da Color Conversion

Color Schemes with #69a4da

Alternatives to #69a4da

#69a4da Preview

Shades and Tints of #69a4da

Tones of #69a4da

Color Blindness Simulator