#69b0b2 hex color

In a RGB color space, hex #69b0b2 is composed of 41.2% red, 69% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 1.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 181.6 degrees, a saturation of 32.2% and a lightness of 55.5%. #69b0b2 color hex could be obtained by blending #d2ffff with #006165. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 69
- B 70
RGB color chart
- C 41
- M 1
- Y 0
- K 30
CMYK color chart

● #69b0b2 color description : Mostly desaturated dark cyan.

The hexadecimal color #69b0b2 has RGB values of R:105, G:176, B:178 and CMYK values of C:0.41, M:0.01, Y:0, K:0.3. Its decimal value is 6926514.

Hex triplet	69b0b2	`#69b0b2`
RGB Decimal	105, 176, 178	`rgb(105,176,178)`
RGB Percent	41.2, 69, 69.8	`rgb(41.2%,69%,69.8%)`
CMYK	41, 1, 0, 30
HSL	181.6°, 32.2, 55.5	`hsl(181.6,32.2%,55.5%)`
HSV (or HSB)	181.6°, 41, 69.8
Web Safe	669999	`#669999`

CIE-LAB	67.477, -21.724, -8.038
XYZ	29.385, 37.267, 47.762
xyY	0.257, 0.326, 37.267
CIE-LCH	67.477, 23.163, 200.304
CIE-LUV	67.477, -32.627, -8.713
Hunter-Lab	61.046, -20.91, -3.655
Binary	01101001, 10110000, 10110010

#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#b26b69
```
#b26b69 rgb(178,107,105)
```

Complementary Color

#69b290
```
#69b290 rgb(105,178,144)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#698cb2
```
#698cb2 rgb(105,140,178)
```

Analogous Color

#b29069
```
#b29069 rgb(178,144,105)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#b2698c
```
#b2698c rgb(178,105,140)
```

Split Complementary Color

#b0b269
```
#b0b269 rgb(176,178,105)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#b269b0
```
#b269b0 rgb(178,105,176)
```

Triadic Color

#69b26b
```
#69b26b rgb(105,178,107)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#b269b0
```
#b269b0 rgb(178,105,176)
```
#b26b69
```
#b26b69 rgb(178,107,105)
```

Tetradic Color

#468788
```
#468788 rgb(70,135,136)
```
#4f9799
```
#4f9799 rgb(79,151,153)
```
#58a7a9
```
#58a7a9 rgb(88,167,169)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#7ab9bb
```
#7ab9bb rgb(122,185,187)
```
#8bc2c3
```
#8bc2c3 rgb(139,194,195)
```
#9ccbcc
```
#9ccbcc rgb(156,203,204)
```

Monochromatic Color

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

#69b2a2
```
#69b2a2 rgb(105,178,162)
```
#69b2a8
```
#69b2a8 rgb(105,178,168)
```
#69b2ae
```
#69b2ae rgb(105,178,174)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#69aab2
```
#69aab2 rgb(105,170,178)
```
#69a4b2
```
#69a4b2 rgb(105,164,178)
```
#699eb2
```
#699eb2 rgb(105,158,178)
```

Similar Colors

Text with hexadecimal color #69b0b2

This text has a font color of #69b0b2.

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

#69b0b2 background color

This paragraph has a background color of #69b0b2.

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

#69b0b2 border color

This element has a border color of #69b0b2.

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

CSS codes

.text {color:#69b0b2;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091213
```
#091213 rgb(9,18,19)
```
#101f1f
```
#101f1f rgb(16,31,31)
```
#172c2c
```
#172c2c rgb(23,44,44)
```
#1d3939
```
#1d3939 rgb(29,57,57)
```
#244546
```
#244546 rgb(36,69,70)
```
#2b5253
```
#2b5253 rgb(43,82,83)
```
#315f60
```
#315f60 rgb(49,95,96)
```
#386c6d
```
#386c6d rgb(56,108,109)
```
#3f797a
```
#3f797a rgb(63,121,122)
```
#458587
```
#458587 rgb(69,133,135)
```
#4c9294
```
#4c9294 rgb(76,146,148)
```
#539fa1
```
#539fa1 rgb(83,159,161)
```

Shade Color Variation

#5ca9ab
```
#5ca9ab rgb(92,169,171)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#76b7b9
```
#76b7b9 rgb(118,183,185)
```
#83bebf
```
#83bebf rgb(131,190,191)
```
#90c4c6
```
#90c4c6 rgb(144,196,198)
```
#9dcbcd
```
#9dcbcd rgb(157,203,205)
```
#aad2d3
```
#aad2d3 rgb(170,210,211)
```
#b7d9da
```
#b7d9da rgb(183,217,218)
```
#c4e0e1
```
#c4e0e1 rgb(196,224,225)
```
#d1e7e7
```
#d1e7e7 rgb(209,231,231)
```
#deedee
```
#deedee rgb(222,237,238)
```
#ebf4f5
```
#ebf4f5 rgb(235,244,245)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#8c8f8f
```
#8c8f8f rgb(140,143,143)
```
#839798
```
#839798 rgb(131,151,152)
```
#7a9fa1
```
#7a9fa1 rgb(122,159,161)
```
#72a8a9
```
#72a8a9 rgb(114,168,169)
```
#69b0b2
```
#69b0b2 rgb(105,176,178)
```
#60b8bb
```
#60b8bb rgb(96,184,187)
```
#58c1c3
```
#58c1c3 rgb(88,193,195)
```
#4fc9cc
```
#4fc9cc rgb(79,201,204)
```
#46d1d5
```
#46d1d5 rgb(70,209,213)
```
#3dd9de
```
#3dd9de rgb(61,217,222)
```
#35e2e6
```
#35e2e6 rgb(53,226,230)
```
#2ceaef
```
#2ceaef rgb(44,234,239)
```
#23f2f8
```
#23f2f8 rgb(35,242,248)
```

Tone Color Variation

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

#a9a8af Protanopia 1% of men
#afa4bb Deuteranopia 1% of men
#74b2bf Tritanopia 0.001% of the population

Trichromacy

#92aab0 Protanomaly 1% of men, 0.01% of women
#96a8b7 Deuteranomaly 6% of men, 0.4% of women
#70b1ba Tritanomaly 0.01% of the population

#69b0b2 hex color

#69b0b2 Color Information

#69b0b2 Color Conversion

Color Schemes with #69b0b2

Alternatives to #69b0b2

#69b0b2 Preview

Shades and Tints of #69b0b2

Tones of #69b0b2

Color Blindness Simulator