#69b0b6 hex color

In a RGB color space, hex #69b0b6 is composed of 41.2% red, 69% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 3.3% magenta, 0% yellow and 28.6% black. It has a hue angle of 184.7 degrees, a saturation of 34.5% and a lightness of 56.3%. #69b0b6 color hex could be obtained by blending #d2ffff with #00616d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 69
- B 71
RGB color chart
- C 42
- M 3
- Y 0
- K 29
CMYK color chart

● #69b0b6 color description : Slightly desaturated cyan.

The hexadecimal color #69b0b6 has RGB values of R:105, G:176, B:182 and CMYK values of C:0.42, M:0.03, Y:0, K:0.29. Its decimal value is 6926518.

Hex triplet	69b0b6	`#69b0b6`
RGB Decimal	105, 176, 182	`rgb(105,176,182)`
RGB Percent	41.2, 69, 71.4	`rgb(41.2%,69%,71.4%)`
CMYK	42, 3, 0, 29
HSL	184.7°, 34.5, 56.3	`hsl(184.7,34.5%,56.3%)`
HSV (or HSB)	184.7°, 42.3, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.598, -20.692, -10.071
XYZ	29.792, 37.43, 49.908
xyY	0.254, 0.32, 37.43
CIE-LCH	67.598, 23.013, 205.953
CIE-LUV	67.598, -32.523, -12.041
Hunter-Lab	61.18, -20.142, -5.541
Binary	01101001, 10110000, 10110110

#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#b66f69
```
#b66f69 rgb(182,111,105)
```

Complementary Color

#69b696
```
#69b696 rgb(105,182,150)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#698ab6
```
#698ab6 rgb(105,138,182)
```

Analogous Color

#b69669
```
#b69669 rgb(182,150,105)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#b6698a
```
#b6698a rgb(182,105,138)
```

Split Complementary Color

#b0b669
```
#b0b669 rgb(176,182,105)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#b669b0
```
#b669b0 rgb(182,105,176)
```

Triadic Color

#69b66f
```
#69b66f rgb(105,182,111)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#b669b0
```
#b669b0 rgb(182,105,176)
```
#b66f69
```
#b66f69 rgb(182,111,105)
```

Tetradic Color

#45888e
```
#45888e rgb(69,136,142)
```
#4d989f
```
#4d989f rgb(77,152,159)
```
#58a7ae
```
#58a7ae rgb(88,167,174)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#7ab9be
```
#7ab9be rgb(122,185,190)
```
#8bc2c7
```
#8bc2c7 rgb(139,194,199)
```
#9ccbcf
```
#9ccbcf rgb(156,203,207)
```

Monochromatic Color

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

#69b6a9
```
#69b6a9 rgb(105,182,169)
```
#69b6af
```
#69b6af rgb(105,182,175)
```
#69b6b6
```
#69b6b6 rgb(105,182,182)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#69aab6
```
#69aab6 rgb(105,170,182)
```
#69a3b6
```
#69a3b6 rgb(105,163,182)
```
#699db6
```
#699db6 rgb(105,157,182)
```

Similar Colors

Text with hexadecimal color #69b0b6

This text has a font color of #69b0b6.

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

#69b0b6 background color

This paragraph has a background color of #69b0b6.

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

#69b0b6 border color

This element has a border color of #69b0b6.

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

CSS codes

.text {color:#69b0b6;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1516
```
#0a1516 rgb(10,21,22)
```
#112123
```
#112123 rgb(17,33,35)
```
#172e30
```
#172e30 rgb(23,46,48)
```
#1e3b3d
```
#1e3b3d rgb(30,59,61)
```
#24474a
```
#24474a rgb(36,71,74)
```
#2b5457
```
#2b5457 rgb(43,84,87)
```
#316165
```
#316165 rgb(49,97,101)
```
#376d72
```
#376d72 rgb(55,109,114)
```
#3e7a7f
```
#3e7a7f rgb(62,122,127)
```
#44878c
```
#44878c rgb(68,135,140)
```
#4b9399
```
#4b9399 rgb(75,147,153)
```
#51a0a7
```
#51a0a7 rgb(81,160,167)
```

Shade Color Variation

#5ca9b0
```
#5ca9b0 rgb(92,169,176)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#76b7bc
```
#76b7bc rgb(118,183,188)
```
#83bec3
```
#83bec3 rgb(131,190,195)
```
#91c5c9
```
#91c5c9 rgb(145,197,201)
```
#9eccd0
```
#9eccd0 rgb(158,204,208)
```
#abd3d6
```
#abd3d6 rgb(171,211,214)
```
#b8dadd
```
#b8dadd rgb(184,218,221)
```
#c5e1e3
```
#c5e1e3 rgb(197,225,227)
```
#d3e8e9
```
#d3e8e9 rgb(211,232,233)
```
#e0eff0
```
#e0eff0 rgb(224,239,240)
```
#edf5f6
```
#edf5f6 rgb(237,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9394 is the less saturated color, while #24eafb is the most saturated one.

#8b9394
```
#8b9394 rgb(139,147,148)
```
#839a9c
```
#839a9c rgb(131,154,156)
```
#7aa2a5
```
#7aa2a5 rgb(122,162,165)
```
#72a9ad
```
#72a9ad rgb(114,169,173)
```
#69b0b6
```
#69b0b6 rgb(105,176,182)
```
#60b7bf
```
#60b7bf rgb(96,183,191)
```
#58bec7
```
#58bec7 rgb(88,190,199)
```
#4fc6d0
```
#4fc6d0 rgb(79,198,208)
```
#47cdd8
```
#47cdd8 rgb(71,205,216)
```
#3ed4e1
```
#3ed4e1 rgb(62,212,225)
```
#36dbe9
```
#36dbe9 rgb(54,219,233)
```
#2de3f2
```
#2de3f2 rgb(45,227,242)
```
#24eafb
```
#24eafb rgb(36,234,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#919fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a8b3 Protanopia 1% of men
#aea5bf Deuteranopia 1% of men
#73b3c0 Tritanopia 0.001% of the population

Trichromacy

#91abb4 Protanomaly 1% of men, 0.01% of women
#95a9bb Deuteranomaly 6% of men, 0.4% of women
#6fb1bc Tritanomaly 0.01% of the population

#69b0b6 hex color

#69b0b6 Color Information

#69b0b6 Color Conversion

Color Schemes with #69b0b6

Alternatives to #69b0b6

#69b0b6 Preview

Shades and Tints of #69b0b6

Tones of #69b0b6

Color Blindness Simulator