#69b0b4 hex color

In a RGB color space, hex #69b0b4 is composed of 41.2% red, 69% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 2.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 183.2 degrees, a saturation of 33.3% and a lightness of 55.9%. #69b0b4 color hex could be obtained by blending #d2ffff with #006169. Closest websafe color is: #6699cc.

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

● #69b0b4 color description : Slightly desaturated cyan.

The hexadecimal color #69b0b4 has RGB values of R:105, G:176, B:180 and CMYK values of C:0.42, M:0.02, Y:0, K:0.29. Its decimal value is 6926516.

Hex triplet	69b0b4	`#69b0b4`
RGB Decimal	105, 176, 180	`rgb(105,176,180)`
RGB Percent	41.2, 69, 70.6	`rgb(41.2%,69%,70.6%)`
CMYK	42, 2, 0, 29
HSL	183.2°, 33.3, 55.9	`hsl(183.2,33.3%,55.9%)`
HSV (or HSB)	183.2°, 41.7, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.537, -21.21, -9.055
XYZ	29.587, 37.348, 48.827
xyY	0.256, 0.323, 37.348
CIE-LCH	67.537, 23.062, 203.119
CIE-LUV	67.537, -32.575, -10.374
Hunter-Lab	61.113, -20.528, -4.592
Binary	01101001, 10110000, 10110100

#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#b46d69
```
#b46d69 rgb(180,109,105)
```

Complementary Color

#69b493
```
#69b493 rgb(105,180,147)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#698bb4
```
#698bb4 rgb(105,139,180)
```

Analogous Color

#b49369
```
#b49369 rgb(180,147,105)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#b4698b
```
#b4698b rgb(180,105,139)
```

Split Complementary Color

#b0b469
```
#b0b469 rgb(176,180,105)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#b469b0
```
#b469b0 rgb(180,105,176)
```

Triadic Color

#69b46d
```
#69b46d rgb(105,180,109)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#b469b0
```
#b469b0 rgb(180,105,176)
```
#b46d69
```
#b46d69 rgb(180,109,105)
```

Tetradic Color

#46878b
```
#46878b rgb(70,135,139)
```
#4e989c
```
#4e989c rgb(78,152,156)
```
#58a7ac
```
#58a7ac rgb(88,167,172)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#7ab9bd
```
#7ab9bd rgb(122,185,189)
```
#8bc2c5
```
#8bc2c5 rgb(139,194,197)
```
#9ccbce
```
#9ccbce rgb(156,203,206)
```

Monochromatic Color

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

#69b4a5
```
#69b4a5 rgb(105,180,165)
```
#69b4ac
```
#69b4ac rgb(105,180,172)
```
#69b4b2
```
#69b4b2 rgb(105,180,178)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#69aab4
```
#69aab4 rgb(105,170,180)
```
#69a4b4
```
#69a4b4 rgb(105,164,180)
```
#699db4
```
#699db4 rgb(105,157,180)
```

Similar Colors

Text with hexadecimal color #69b0b4

This text has a font color of #69b0b4.

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

#69b0b4 background color

This paragraph has a background color of #69b0b4.

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

#69b0b4 border color

This element has a border color of #69b0b4.

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

CSS codes

.text {color:#69b0b4;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#0a1314
```
#0a1314 rgb(10,19,20)
```
#112021
```
#112021 rgb(17,32,33)
```
#172d2e
```
#172d2e rgb(23,45,46)
```
#1e3a3b
```
#1e3a3b rgb(30,58,59)
```
#244648
```
#244648 rgb(36,70,72)
```
#2b5355
```
#2b5355 rgb(43,83,85)
```
#316062
```
#316062 rgb(49,96,98)
```
#386d70
```
#386d70 rgb(56,109,112)
```
#3e797d
```
#3e797d rgb(62,121,125)
```
#45868a
```
#45868a rgb(69,134,138)
```
#4b9397
```
#4b9397 rgb(75,147,151)
```
#529fa4
```
#529fa4 rgb(82,159,164)
```

Shade Color Variation

#5ca9ad
```
#5ca9ad rgb(92,169,173)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#76b7bb
```
#76b7bb rgb(118,183,187)
```
#83bec1
```
#83bec1 rgb(131,190,193)
```
#90c5c8
```
#90c5c8 rgb(144,197,200)
```
#9dccce
```
#9dccce rgb(157,204,206)
```
#aad2d5
```
#aad2d5 rgb(170,210,213)
```
#b7d9db
```
#b7d9db rgb(183,217,219)
```
#c5e0e2
```
#c5e0e2 rgb(197,224,226)
```
#d2e7e8
```
#d2e7e8 rgb(210,231,232)
```
#dfeeef
```
#dfeeef rgb(223,238,239)
```
#ecf5f5
```
#ecf5f5 rgb(236,245,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#8c9191
```
#8c9191 rgb(140,145,145)
```
#83999a
```
#83999a rgb(131,153,154)
```
#7aa1a3
```
#7aa1a3 rgb(122,161,163)
```
#72a8ab
```
#72a8ab rgb(114,168,171)
```
#69b0b4
```
#69b0b4 rgb(105,176,180)
```
#60b8bd
```
#60b8bd rgb(96,184,189)
```
#58bfc5
```
#58bfc5 rgb(88,191,197)
```
#4fc7ce
```
#4fc7ce rgb(79,199,206)
```
#46cfd7
```
#46cfd7 rgb(70,207,215)
```
#3ed7df
```
#3ed7df rgb(62,215,223)
```
#35dee8
```
#35dee8 rgb(53,222,232)
```
#2ce6f1
```
#2ce6f1 rgb(44,230,241)
```
#24eef9
```
#24eef9 rgb(36,238,249)
```

Tone Color Variation

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

#a9a8b1 Protanopia 1% of men
#aea5bd Deuteranopia 1% of men
#73b2bf Tritanopia 0.001% of the population

Trichromacy

#92abb2 Protanomaly 1% of men, 0.01% of women
#95a9b9 Deuteranomaly 6% of men, 0.4% of women
#6fb1bb Tritanomaly 0.01% of the population

#69b0b4 hex color

#69b0b4 Color Information

#69b0b4 Color Conversion

Color Schemes with #69b0b4

Alternatives to #69b0b4

#69b0b4 Preview

Shades and Tints of #69b0b4

Tones of #69b0b4

Color Blindness Simulator