#69bcb9 hex color

In a RGB color space, hex #69bcb9 is composed of 41.2% red, 73.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 0% magenta, 1.6% yellow and 26.3% black. It has a hue angle of 177.8 degrees, a saturation of 38.2% and a lightness of 57.5%. #69bcb9 color hex could be obtained by blending #d2ffff with #007973. Closest websafe color is: #66cccc.

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

● #69bcb9 color description : Slightly desaturated cyan.

The hexadecimal color #69bcb9 has RGB values of R:105, G:188, B:185 and CMYK values of C:0.44, M:0, Y:0.02, K:0.26. Its decimal value is 6929593.

Hex triplet	69bcb9	`#69bcb9`
RGB Decimal	105, 188, 185	`rgb(105,188,185)`
RGB Percent	41.2, 73.7, 72.5	`rgb(41.2%,73.7%,72.5%)`
CMYK	44, 0, 2, 26
HSL	177.8°, 38.2, 57.5	`hsl(177.8,38.2%,57.5%)`
HSV (or HSB)	177.8°, 44.1, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.194, -25.972, -6.374
XYZ	32.563, 42.47, 52.378
xyY	0.256, 0.333, 42.47
CIE-LCH	71.194, 26.742, 193.789
CIE-LUV	71.194, -37.291, -5.558
Hunter-Lab	65.169, -24.855, -2.034
Binary	01101001, 10111100, 10111001

#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#bc696c
```
#bc696c rgb(188,105,108)
```

Complementary Color

#69bc90
```
#69bc90 rgb(105,188,144)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#6996bc
```
#6996bc rgb(105,150,188)
```

Analogous Color

#bc9069
```
#bc9069 rgb(188,144,105)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#bc6996
```
#bc6996 rgb(188,105,150)
```

Split Complementary Color

#bcb969
```
#bcb969 rgb(188,185,105)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#b969bc
```
#b969bc rgb(185,105,188)
```

Triadic Color

#6cbc69
```
#6cbc69 rgb(108,188,105)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#b969bc
```
#b969bc rgb(185,105,188)
```
#bc696c
```
#bc696c rgb(188,105,108)
```

Tetradic Color

#439693
```
#439693 rgb(67,150,147)
```
#4ba7a4
```
#4ba7a4 rgb(75,167,164)
```
#57b4b1
```
#57b4b1 rgb(87,180,177)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#7bc4c1
```
#7bc4c1 rgb(123,196,193)
```
#8cccc9
```
#8cccc9 rgb(140,204,201)
```
#9ed4d2
```
#9ed4d2 rgb(158,212,210)
```

Monochromatic Color

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

#69bca4
```
#69bca4 rgb(105,188,164)
```
#69bcab
```
#69bcab rgb(105,188,171)
```
#69bcb2
```
#69bcb2 rgb(105,188,178)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#69b8bc
```
#69b8bc rgb(105,184,188)
```
#69b1bc
```
#69b1bc rgb(105,177,188)
```
#69aabc
```
#69aabc rgb(105,170,188)
```

Similar Colors

Text with hexadecimal color #69bcb9

This text has a font color of #69bcb9.

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

#69bcb9 background color

This paragraph has a background color of #69bcb9.

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

#69bcb9 border color

This element has a border color of #69bcb9.

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

CSS codes

.text {color:#69bcb9;}

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

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

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

#060d0c
```
#060d0c rgb(6,13,12)
```
#0c1a1a
```
#0c1a1a rgb(12,26,26)
```
#122827
```
#122827 rgb(18,40,39)
```
#183534
```
#183534 rgb(24,53,52)
```
#1e4342
```
#1e4342 rgb(30,67,66)
```
#24514f
```
#24514f rgb(36,81,79)
```
#2a5e5c
```
#2a5e5c rgb(42,94,92)
```
#306c69
```
#306c69 rgb(48,108,105)
```
#367977
```
#367977 rgb(54,121,119)
```
#3c8784
```
#3c8784 rgb(60,135,132)
```
#429491
```
#429491 rgb(66,148,145)
```
#48a29f
```
#48a29f rgb(72,162,159)
```
#4eafac
```
#4eafac rgb(78,175,172)
```

Shade Color Variation

#5bb6b3
```
#5bb6b3 rgb(91,182,179)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#77c2bf
```
#77c2bf rgb(119,194,191)
```
#84c8c6
```
#84c8c6 rgb(132,200,198)
```
#92cecc
```
#92cecc rgb(146,206,204)
```
#9fd4d2
```
#9fd4d2 rgb(159,212,210)
```
#addad9
```
#addad9 rgb(173,218,217)
```
#bae0df
```
#bae0df rgb(186,224,223)
```
#c8e6e5
```
#c8e6e5 rgb(200,230,229)
```
#d5ecec
```
#d5ecec rgb(213,236,236)
```
#e3f3f2
```
#e3f3f2 rgb(227,243,242)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8a9b9a
```
#8a9b9a rgb(138,155,154)
```
#82a3a2
```
#82a3a2 rgb(130,163,162)
```
#7aabaa
```
#7aabaa rgb(122,171,170)
```
#71b4b1
```
#71b4b1 rgb(113,180,177)
```
#69bcb9
```
#69bcb9 rgb(105,188,185)
```
#61c4c1
```
#61c4c1 rgb(97,196,193)
```
#58cdc8
```
#58cdc8 rgb(88,205,200)
```
#50d5d0
```
#50d5d0 rgb(80,213,208)
```
#48ddd8
```
#48ddd8 rgb(72,221,216)
```
#3fe6e0
```
#3fe6e0 rgb(63,230,224)
```
#37eee7
```
#37eee7 rgb(55,238,231)
```
#2ff6ef
```
#2ff6ef rgb(47,246,239)
```
#26fff7
```
#26fff7 rgb(38,255,247)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#97a8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b1b5 Protanopia 1% of men
#bbadc2 Deuteranopia 1% of men
#76bdca Tritanopia 0.001% of the population

Trichromacy

#99b5b6 Protanomaly 1% of men, 0.01% of women
#9db3bf Deuteranomaly 6% of men, 0.4% of women
#71bcc4 Tritanomaly 0.01% of the population

#69bcb9 hex color

#69bcb9 Color Information

#69bcb9 Color Conversion

Color Schemes with #69bcb9

Alternatives to #69bcb9

#69bcb9 Preview

Shades and Tints of #69bcb9

Tones of #69bcb9

Color Blindness Simulator