#69a2bd hex color

In a RGB color space, hex #69a2bd is composed of 41.2% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 199.3 degrees, a saturation of 38.9% and a lightness of 57.6%. #69a2bd color hex could be obtained by blending #d2ffff with #00457b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 64
- B 74
RGB color chart
- C 44
- M 14
- Y 0
- K 26
CMYK color chart

● #69a2bd color description : Slightly desaturated blue.

The hexadecimal color #69a2bd has RGB values of R:105, G:162, B:189 and CMYK values of C:0.44, M:0.14, Y:0, K:0.26. Its decimal value is 6922941.

Hex triplet	69a2bd	`#69a2bd`
RGB Decimal	105, 162, 189	`rgb(105,162,189)`
RGB Percent	41.2, 63.5, 74.1	`rgb(41.2%,63.5%,74.1%)`
CMYK	44, 14, 0, 26
HSL	199.3°, 38.9, 57.6	`hsl(199.3,38.9%,57.6%)`
HSV (or HSB)	199.3°, 44.4, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.768, -11.414, -19.743
XYZ	27.929, 32.517, 52.946
xyY	0.246, 0.287, 32.517
CIE-LCH	63.768, 22.805, 239.966
CIE-LUV	63.768, -26.706, -28.575
Hunter-Lab	57.023, -12.364, -15.134
Binary	01101001, 10100010, 10111101

#69a2bd
```
#69a2bd rgb(105,162,189)
```
#bd8469
```
#bd8469 rgb(189,132,105)
```

Complementary Color

#69bdae
```
#69bdae rgb(105,189,174)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#6978bd
```
#6978bd rgb(105,120,189)
```

Analogous Color

#bdae69
```
#bdae69 rgb(189,174,105)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#bd6978
```
#bd6978 rgb(189,105,120)
```

Split Complementary Color

#a2bd69
```
#a2bd69 rgb(162,189,105)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#bd69a2
```
#bd69a2 rgb(189,105,162)
```

Triadic Color

#69bd84
```
#69bd84 rgb(105,189,132)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#bd69a2
```
#bd69a2 rgb(189,105,162)
```
#bd8469
```
#bd8469 rgb(189,132,105)
```

Tetradic Color

#427c97
```
#427c97 rgb(66,124,151)
```
#4a8aa9
```
#4a8aa9 rgb(74,138,169)
```
#5797b5
```
#5797b5 rgb(87,151,181)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#7badc5
```
#7badc5 rgb(123,173,197)
```
#8cb8cd
```
#8cb8cd rgb(140,184,205)
```
#9ec3d4
```
#9ec3d4 rgb(158,195,212)
```

Monochromatic Color

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

#69b7bd
```
#69b7bd rgb(105,183,189)
```
#69b0bd
```
#69b0bd rgb(105,176,189)
```
#69a9bd
```
#69a9bd rgb(105,169,189)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#699bbd
```
#699bbd rgb(105,155,189)
```
#6994bd
```
#6994bd rgb(105,148,189)
```
#698dbd
```
#698dbd rgb(105,141,189)
```

Similar Colors

Text with hexadecimal color #69a2bd

This text has a font color of #69a2bd.

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

#69a2bd background color

This paragraph has a background color of #69a2bd.

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

#69a2bd border color

This element has a border color of #69a2bd.

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

CSS codes

.text {color:#69a2bd;}

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

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

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, #060b0d is the darkest color, while #ffffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c161b
```
#0c161b rgb(12,22,27)
```
#122129
```
#122129 rgb(18,33,41)
```
#182d36
```
#182d36 rgb(24,45,54)
```
#1e3844
```
#1e3844 rgb(30,56,68)
```
#244352
```
#244352 rgb(36,67,82)
```
#2a4e5f
```
#2a4e5f rgb(42,78,95)
```
#30596d
```
#30596d rgb(48,89,109)
```
#36647a
```
#36647a rgb(54,100,122)
```
#3c7088
```
#3c7088 rgb(60,112,136)
```
#427b96
```
#427b96 rgb(66,123,150)
```
#4886a3
```
#4886a3 rgb(72,134,163)
```
#4e91b1
```
#4e91b1 rgb(78,145,177)
```

Shade Color Variation

#5b9ab7
```
#5b9ab7 rgb(91,154,183)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#77aac3
```
#77aac3 rgb(119,170,195)
```
#84b3c9
```
#84b3c9 rgb(132,179,201)
```
#92bbcf
```
#92bbcf rgb(146,187,207)
```
#9fc4d5
```
#9fc4d5 rgb(159,196,213)
```
#adccdb
```
#adccdb rgb(173,204,219)
```
#bbd5e1
```
#bbd5e1 rgb(187,213,225)
```
#c8dde7
```
#c8dde7 rgb(200,221,231)
```
#d6e6ed
```
#d6e6ed rgb(214,230,237)
```
#e4eef3
```
#e4eef3 rgb(228,238,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8a969c
```
#8a969c rgb(138,150,156)
```
#8299a4
```
#8299a4 rgb(130,153,164)
```
#7a9cac
```
#7a9cac rgb(122,156,172)
```
#719fb5
```
#719fb5 rgb(113,159,181)
```
#69a2bd
```
#69a2bd rgb(105,162,189)
```
#61a5c5
```
#61a5c5 rgb(97,165,197)
```
#58a8ce
```
#58a8ce rgb(88,168,206)
```
#50abd6
```
#50abd6 rgb(80,171,214)
```
#48aede
```
#48aede rgb(72,174,222)
```
#3fb1e7
```
#3fb1e7 rgb(63,177,231)
```
#37b4ef
```
#37b4ef rgb(55,180,239)
```
#2fb7f7
```
#2fb7f7 rgb(47,183,247)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8b979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#999ebb Protanopia 1% of men
#9a9cc4 Deuteranopia 1% of men
#6ca8b5 Tritanopia 0.001% of the population

Trichromacy

#879fbb Protanomaly 1% of men, 0.01% of women
#889ec1 Deuteranomaly 6% of men, 0.4% of women
#6ba6b7 Tritanomaly 0.01% of the population

#69a2bd hex color

#69a2bd Color Information

#69a2bd Color Conversion

Color Schemes with #69a2bd

Alternatives to #69a2bd

#69a2bd Preview

Shades and Tints of #69a2bd

Tones of #69a2bd

Color Blindness Simulator