#69b4b0 hex color

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

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

● #69b4b0 color description : Slightly desaturated cyan.

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

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

CIE-LAB	68.591, -24.253, -5.28
XYZ	29.981, 38.779, 46.977
xyY	0.259, 0.335, 38.779
CIE-LCH	68.591, 24.821, 192.282
CIE-LUV	68.591, -34.321, -4.098
Hunter-Lab	62.272, -23.038, -1.136
Binary	01101001, 10110100, 10110000

#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#b4696d
```
#b4696d rgb(180,105,109)
```

Complementary Color

#69b48b
```
#69b48b rgb(105,180,139)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#6993b4
```
#6993b4 rgb(105,147,180)
```

Analogous Color

#b48b69
```
#b48b69 rgb(180,139,105)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#b46993
```
#b46993 rgb(180,105,147)
```

Split Complementary Color

#b4b069
```
#b4b069 rgb(180,176,105)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#b069b4
```
#b069b4 rgb(176,105,180)
```

Triadic Color

#6db469
```
#6db469 rgb(109,180,105)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#b069b4
```
#b069b4 rgb(176,105,180)
```
#b4696d
```
#b4696d rgb(180,105,109)
```

Tetradic Color

#468b87
```
#468b87 rgb(70,139,135)
```
#4e9c98
```
#4e9c98 rgb(78,156,152)
```
#58aca7
```
#58aca7 rgb(88,172,167)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#7abdb9
```
#7abdb9 rgb(122,189,185)
```
#8bc5c2
```
#8bc5c2 rgb(139,197,194)
```
#9ccecb
```
#9ccecb rgb(156,206,203)
```

Monochromatic Color

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

#69b49d
```
#69b49d rgb(105,180,157)
```
#69b4a4
```
#69b4a4 rgb(105,180,164)
```
#69b4aa
```
#69b4aa rgb(105,180,170)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#69b2b4
```
#69b2b4 rgb(105,178,180)
```
#69acb4
```
#69acb4 rgb(105,172,180)
```
#69a5b4
```
#69a5b4 rgb(105,165,180)
```

Similar Colors

Text with hexadecimal color #69b4b0

This text has a font color of #69b4b0.

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

#69b4b0 background color

This paragraph has a background color of #69b4b0.

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

#69b4b0 border color

This element has a border color of #69b4b0.

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

CSS codes

.text {color:#69b4b0;}

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

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

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)
```
#0a1413
```
#0a1413 rgb(10,20,19)
```
#112120
```
#112120 rgb(17,33,32)
```
#172e2d
```
#172e2d rgb(23,46,45)
```
#1e3b3a
```
#1e3b3a rgb(30,59,58)
```
#244846
```
#244846 rgb(36,72,70)
```
#2b5553
```
#2b5553 rgb(43,85,83)
```
#316260
```
#316260 rgb(49,98,96)
```
#38706d
```
#38706d rgb(56,112,109)
```
#3e7d79
```
#3e7d79 rgb(62,125,121)
```
#458a86
```
#458a86 rgb(69,138,134)
```
#4b9793
```
#4b9793 rgb(75,151,147)
```
#52a49f
```
#52a49f rgb(82,164,159)
```

Shade Color Variation

#5cada9
```
#5cada9 rgb(92,173,169)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#76bbb7
```
#76bbb7 rgb(118,187,183)
```
#83c1be
```
#83c1be rgb(131,193,190)
```
#90c8c5
```
#90c8c5 rgb(144,200,197)
```
#9dcecc
```
#9dcecc rgb(157,206,204)
```
#aad5d2
```
#aad5d2 rgb(170,213,210)
```
#b7dbd9
```
#b7dbd9 rgb(183,219,217)
```
#c5e2e0
```
#c5e2e0 rgb(197,226,224)
```
#d2e8e7
```
#d2e8e7 rgb(210,232,231)
```
#dfefee
```
#dfefee rgb(223,239,238)
```
#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 #24f9ee is the most saturated one.

#8c9191
```
#8c9191 rgb(140,145,145)
```
#839a99
```
#839a99 rgb(131,154,153)
```
#7aa3a1
```
#7aa3a1 rgb(122,163,161)
```
#72aba8
```
#72aba8 rgb(114,171,168)
```
#69b4b0
```
#69b4b0 rgb(105,180,176)
```
#60bdb8
```
#60bdb8 rgb(96,189,184)
```
#58c5bf
```
#58c5bf rgb(88,197,191)
```
#4fcec7
```
#4fcec7 rgb(79,206,199)
```
#46d7cf
```
#46d7cf rgb(70,215,207)
```
#3edfd7
```
#3edfd7 rgb(62,223,215)
```
#35e8de
```
#35e8de rgb(53,232,222)
```
#2cf1e6
```
#2cf1e6 rgb(44,241,230)
```
#24f9ee
```
#24f9ee rgb(36,249,238)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#93a2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaaad Protanopia 1% of men
#b5a7b9 Deuteranopia 1% of men
#75b5c2 Tritanopia 0.001% of the population

Trichromacy

#95aeae Protanomaly 1% of men, 0.01% of women
#99abb6 Deuteranomaly 6% of men, 0.4% of women
#71b5bb Tritanomaly 0.01% of the population

#69b4b0 hex color

#69b4b0 Color Information

#69b4b0 Color Conversion

Color Schemes with #69b4b0

Alternatives to #69b4b0

#69b4b0 Preview

Shades and Tints of #69b4b0

Tones of #69b4b0

Color Blindness Simulator