#69d3bd hex color

In a RGB color space, hex #69d3bd is composed of 41.2% red, 82.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 0% magenta, 10.4% yellow and 17.3% black. It has a hue angle of 167.5 degrees, a saturation of 54.6% and a lightness of 62%. #69d3bd color hex could be obtained by blending #d2ffff with #00a77b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 83
- B 74
RGB color chart
- C 50
- M 0
- Y 10
- K 17
CMYK color chart

● #69d3bd color description : Moderate cyan.

The hexadecimal color #69d3bd has RGB values of R:105, G:211, B:189 and CMYK values of C:0.5, M:0, Y:0.1, K:0.17. Its decimal value is 6935485.

Hex triplet	69d3bd	`#69d3bd`
RGB Decimal	105, 211, 189	`rgb(105,211,189)`
RGB Percent	41.2, 82.7, 74.1	`rgb(41.2%,82.7%,74.1%)`
CMYK	50, 0, 10, 17
HSL	167.5°, 54.6, 62	`hsl(167.5,54.6%,62%)`
HSV (or HSB)	167.5°, 50.2, 82.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.03, -35.985, 1.496
XYZ	38.302, 53.263, 56.404
xyY	0.259, 0.36, 53.263
CIE-LCH	78.03, 36.017, 177.619
CIE-LUV	78.03, -46.27, 8.069
Hunter-Lab	72.982, -34.037, 5.265
Binary	01101001, 11010011, 10111101

#69d3bd
```
#69d3bd rgb(105,211,189)
```
#d3697f
```
#d3697f rgb(211,105,127)
```

Complementary Color

#69d388
```
#69d388 rgb(105,211,136)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#69b4d3
```
#69b4d3 rgb(105,180,211)
```

Analogous Color

#d38869
```
#d38869 rgb(211,136,105)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#d369b4
```
#d369b4 rgb(211,105,180)
```

Split Complementary Color

#d3bd69
```
#d3bd69 rgb(211,189,105)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#bd69d3
```
#bd69d3 rgb(189,105,211)
```

Triadic Color

#7fd369
```
#7fd369 rgb(127,211,105)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#bd69d3
```
#bd69d3 rgb(189,105,211)
```
#d3697f
```
#d3697f rgb(211,105,127)
```

Tetradic Color

#36b99e
```
#36b99e rgb(54,185,158)
```
#42c7ac
```
#42c7ac rgb(66,199,172)
```
#55cdb4
```
#55cdb4 rgb(85,205,180)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#7dd9c6
```
#7dd9c6 rgb(125,217,198)
```
#90dfce
```
#90dfce rgb(144,223,206)
```
#a4e4d7
```
#a4e4d7 rgb(164,228,215)
```

Monochromatic Color

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

#69d3a3
```
#69d3a3 rgb(105,211,163)
```
#69d3ab
```
#69d3ab rgb(105,211,171)
```
#69d3b4
```
#69d3b4 rgb(105,211,180)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#69d3c6
```
#69d3c6 rgb(105,211,198)
```
#69d3cf
```
#69d3cf rgb(105,211,207)
```
#69cfd3
```
#69cfd3 rgb(105,207,211)
```

Similar Colors

Text with hexadecimal color #69d3bd

This text has a font color of #69d3bd.

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

#69d3bd background color

This paragraph has a background color of #69d3bd.

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

#69d3bd border color

This element has a border color of #69d3bd.

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

CSS codes

.text {color:#69d3bd;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#05110e
```
#05110e rgb(5,17,14)
```
#09201b
```
#09201b rgb(9,32,27)
```
#0e2f28
```
#0e2f28 rgb(14,47,40)
```
#123e35
```
#123e35 rgb(18,62,53)
```
#174d42
```
#174d42 rgb(23,77,66)
```
#1b5d4f
```
#1b5d4f rgb(27,93,79)
```
#206c5c
```
#206c5c rgb(32,108,92)
```
#247b69
```
#247b69 rgb(36,123,105)
```
#298a76
```
#298a76 rgb(41,138,118)
```
#2d9983
```
#2d9983 rgb(45,153,131)
```
#31a890
```
#31a890 rgb(49,168,144)
```
#36b89d
```
#36b89d rgb(54,184,157)
```

Shade Color Variation

#3cc6a9
```
#3cc6a9 rgb(60,198,169)
```
#4bcab0
```
#4bcab0 rgb(75,202,176)
```
#5acfb6
```
#5acfb6 rgb(90,207,182)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#78d7c4
```
#78d7c4 rgb(120,215,196)
```
#87dcca
```
#87dcca rgb(135,220,202)
```
#96e0d1
```
#96e0d1 rgb(150,224,209)
```
#a6e5d8
```
#a6e5d8 rgb(166,229,216)
```
#b5e9de
```
#b5e9de rgb(181,233,222)
```
#c4eee5
```
#c4eee5 rgb(196,238,229)
```
#d3f2ec
```
#d3f2ec rgb(211,242,236)
```
#e2f7f2
```
#e2f7f2 rgb(226,247,242)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9f9e is the less saturated color, while #44f8d3 is the most saturated one.

#9d9f9e
```
#9d9f9e rgb(157,159,158)
```
#96a6a3
```
#96a6a3 rgb(150,166,163)
```
#8eaea7
```
#8eaea7 rgb(142,174,167)
```
#87b5ac
```
#87b5ac rgb(135,181,172)
```
#7fbdb0
```
#7fbdb0 rgb(127,189,176)
```
#78c4b4
```
#78c4b4 rgb(120,196,180)
```
#70ccb9
```
#70ccb9 rgb(112,204,185)
```
#69d3bd
```
#69d3bd rgb(105,211,189)
```
#62dac1
```
#62dac1 rgb(98,218,193)
```
#5ae2c6
```
#5ae2c6 rgb(90,226,198)
```
#53e9ca
```
#53e9ca rgb(83,233,202)
```
#4bf1ce
```
#4bf1ce rgb(75,241,206)
```
#44f8d3
```
#44f8d3 rgb(68,248,211)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a3b8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac3b7 Protanopia 1% of men
#d4bec8 Deuteranopia 1% of men
#7cd0df Tritanopia 0.001% of the population

Trichromacy

#a7c9b9 Protanomaly 1% of men, 0.01% of women
#adc5c4 Deuteranomaly 6% of men, 0.4% of women
#75d1d3 Tritanomaly 0.01% of the population

#69d3bd hex color

#69d3bd Color Information

#69d3bd Color Conversion

Color Schemes with #69d3bd

Alternatives to #69d3bd

#69d3bd Preview

Shades and Tints of #69d3bd

Tones of #69d3bd

Color Blindness Simulator