#69d2bf hex color

In a RGB color space, hex #69d2bf is composed of 41.2% red, 82.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 9% yellow and 17.6% black. It has a hue angle of 169.1 degrees, a saturation of 53.8% and a lightness of 61.8%. #69d2bf color hex could be obtained by blending #d2ffff with #00a57f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 82
- B 75
RGB color chart
- C 50
- M 0
- Y 9
- K 18
CMYK color chart

● #69d2bf color description : Moderate cyan.

The hexadecimal color #69d2bf has RGB values of R:105, G:210, B:191 and CMYK values of C:0.5, M:0, Y:0.09, K:0.18. Its decimal value is 6935231.

Hex triplet	69d2bf	`#69d2bf`
RGB Decimal	105, 210, 191	`rgb(105,210,191)`
RGB Percent	41.2, 82.4, 74.9	`rgb(41.2%,82.4%,74.9%)`
CMYK	50, 0, 9, 18
HSL	169.1°, 53.8, 61.8	`hsl(169.1,53.8%,61.8%)`
HSV (or HSB)	169.1°, 50, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.79, -35.042, 0.073
XYZ	38.273, 52.855, 57.473
xyY	0.258, 0.356, 52.855
CIE-LCH	77.79, 35.042, 179.881
CIE-LUV	77.79, -45.794, 5.757
Hunter-Lab	72.702, -33.258, 4.021
Binary	01101001, 11010010, 10111111

#69d2bf
```
#69d2bf rgb(105,210,191)
```
#d2697c
```
#d2697c rgb(210,105,124)
```

Complementary Color

#69d28b
```
#69d28b rgb(105,210,139)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#69b1d2
```
#69b1d2 rgb(105,177,210)
```

Analogous Color

#d28b69
```
#d28b69 rgb(210,139,105)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#d269b1
```
#d269b1 rgb(210,105,177)
```

Split Complementary Color

#d2bf69
```
#d2bf69 rgb(210,191,105)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#bf69d2
```
#bf69d2 rgb(191,105,210)
```

Triadic Color

#7cd269
```
#7cd269 rgb(124,210,105)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#bf69d2
```
#bf69d2 rgb(191,105,210)
```
#d2697c
```
#d2697c rgb(210,105,124)
```

Tetradic Color

#37b7a0
```
#37b7a0 rgb(55,183,160)
```
#42c6ae
```
#42c6ae rgb(66,198,174)
```
#55ccb7
```
#55ccb7 rgb(85,204,183)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#7dd8c7
```
#7dd8c7 rgb(125,216,199)
```
#90ded0
```
#90ded0 rgb(144,222,208)
```
#a4e4d8
```
#a4e4d8 rgb(164,228,216)
```

Monochromatic Color

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

#69d2a5
```
#69d2a5 rgb(105,210,165)
```
#69d2ae
```
#69d2ae rgb(105,210,174)
```
#69d2b6
```
#69d2b6 rgb(105,210,182)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#69d2c8
```
#69d2c8 rgb(105,210,200)
```
#69d2d1
```
#69d2d1 rgb(105,210,209)
```
#69cbd2
```
#69cbd2 rgb(105,203,210)
```

Similar Colors

Text with hexadecimal color #69d2bf

This text has a font color of #69d2bf.

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

#69d2bf background color

This paragraph has a background color of #69d2bf.

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

#69d2bf border color

This element has a border color of #69d2bf.

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

CSS codes

.text {color:#69d2bf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#05100e
```
#05100e rgb(5,16,14)
```
#091f1b
```
#091f1b rgb(9,31,27)
```
#0e2e28
```
#0e2e28 rgb(14,46,40)
```
#123d35
```
#123d35 rgb(18,61,53)
```
#174c43
```
#174c43 rgb(23,76,67)
```
#1b5b50
```
#1b5b50 rgb(27,91,80)
```
#206b5d
```
#206b5d rgb(32,107,93)
```
#247a6a
```
#247a6a rgb(36,122,106)
```
#298977
```
#298977 rgb(41,137,119)
```
#2e9885
```
#2e9885 rgb(46,152,133)
```
#32a792
```
#32a792 rgb(50,167,146)
```
#37b69f
```
#37b69f rgb(55,182,159)
```

Shade Color Variation

#3cc4ac
```
#3cc4ac rgb(60,196,172)
```
#4bc9b2
```
#4bc9b2 rgb(75,201,178)
```
#5acdb9
```
#5acdb9 rgb(90,205,185)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#78d7c5
```
#78d7c5 rgb(120,215,197)
```
#87dbcc
```
#87dbcc rgb(135,219,204)
```
#96e0d2
```
#96e0d2 rgb(150,224,210)
```
#a5e4d9
```
#a5e4d9 rgb(165,228,217)
```
#b4e9df
```
#b4e9df rgb(180,233,223)
```
#c4ede6
```
#c4ede6 rgb(196,237,230)
```
#d3f2ec
```
#d3f2ec rgb(211,242,236)
```
#e2f6f3
```
#e2f6f3 rgb(226,246,243)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a5a2 is the less saturated color, while #3cffdc is the most saturated one.

#96a5a2
```
#96a5a2 rgb(150,165,162)
```
#8fada7
```
#8fada7 rgb(143,173,167)
```
#87b4ac
```
#87b4ac rgb(135,180,172)
```
#80bcb1
```
#80bcb1 rgb(128,188,177)
```
#78c3b5
```
#78c3b5 rgb(120,195,181)
```
#71cbba
```
#71cbba rgb(113,203,186)
```
#69d2bf
```
#69d2bf rgb(105,210,191)
```
#62dac4
```
#62dac4 rgb(98,218,196)
```
#5ae1c9
```
#5ae1c9 rgb(90,225,201)
```
#53e9cd
```
#53e9cd rgb(83,233,205)
```
#4bf0d2
```
#4bf0d2 rgb(75,240,210)
```
#44f8d7
```
#44f8d7 rgb(68,248,215)
```
#3cffdc
```
#3cffdc rgb(60,255,220)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a2b7b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b9 Protanopia 1% of men
#d2beca Deuteranopia 1% of men
#7ccfdf Tritanopia 0.001% of the population

Trichromacy

#a6c8bb Protanomaly 1% of men, 0.01% of women
#acc5c6 Deuteranomaly 6% of men, 0.4% of women
#75d0d3 Tritanomaly 0.01% of the population

#69d2bf hex color

#69d2bf Color Information

#69d2bf Color Conversion

Color Schemes with #69d2bf

Alternatives to #69d2bf

#69d2bf Preview

Shades and Tints of #69d2bf

Tones of #69d2bf

Color Blindness Simulator