#65b2bc hex color

In a RGB color space, hex #65b2bc is composed of 39.6% red, 69.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 5.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 186.9 degrees, a saturation of 39.4% and a lightness of 56.7%. #65b2bc color hex could be obtained by blending #caffff with #006579. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 70
- B 74
RGB color chart
- C 46
- M 5
- Y 0
- K 26
CMYK color chart

● #65b2bc color description : Slightly desaturated cyan.

The hexadecimal color #65b2bc has RGB values of R:101, G:178, B:188 and CMYK values of C:0.46, M:0.05, Y:0, K:0.26. Its decimal value is 6664892.

Hex triplet	65b2bc	`#65b2bc`
RGB Decimal	101, 178, 188	`rgb(101,178,188)`
RGB Percent	39.6, 69.8, 73.7	`rgb(39.6%,69.8%,73.7%)`
CMYK	46, 5, 0, 26
HSL	186.9°, 39.4, 56.7	`hsl(186.9,39.4%,56.7%)`
HSV (or HSB)	186.9°, 46.3, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.195, -21.112, -12.514
XYZ	30.362, 38.236, 53.355
xyY	0.249, 0.314, 38.236
CIE-LCH	68.195, 24.542, 210.657
CIE-LUV	68.195, -34.461, -15.861
Hunter-Lab	61.836, -20.567, -7.873
Binary	01100101, 10110010, 10111100

#65b2bc
```
#65b2bc rgb(101,178,188)
```
#bc6f65
```
#bc6f65 rgb(188,111,101)
```

Complementary Color

#65bc9b
```
#65bc9b rgb(101,188,155)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#6587bc
```
#6587bc rgb(101,135,188)
```

Analogous Color

#bc9b65
```
#bc9b65 rgb(188,155,101)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#bc6587
```
#bc6587 rgb(188,101,135)
```

Split Complementary Color

#b2bc65
```
#b2bc65 rgb(178,188,101)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#bc65b2
```
#bc65b2 rgb(188,101,178)
```

Triadic Color

#65bc6f
```
#65bc6f rgb(101,188,111)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#bc65b2
```
#bc65b2 rgb(188,101,178)
```
#bc6f65
```
#bc6f65 rgb(188,111,101)
```

Tetradic Color

#408a94
```
#408a94 rgb(64,138,148)
```
#489ba6
```
#489ba6 rgb(72,155,166)
```
#53a9b4
```
#53a9b4 rgb(83,169,180)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#77bbc4
```
#77bbc4 rgb(119,187,196)
```
#89c4cb
```
#89c4cb rgb(137,196,203)
```
#9acdd3
```
#9acdd3 rgb(154,205,211)
```

Monochromatic Color

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

#65bcb0
```
#65bcb0 rgb(101,188,176)
```
#65bcb8
```
#65bcb8 rgb(101,188,184)
```
#65b9bc
```
#65b9bc rgb(101,185,188)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#65abbc
```
#65abbc rgb(101,171,188)
```
#65a4bc
```
#65a4bc rgb(101,164,188)
```
#659cbc
```
#659cbc rgb(101,156,188)
```

Similar Colors

Text with hexadecimal color #65b2bc

This text has a font color of #65b2bc.

<span style="color:#65b2bc;">Text here</span>

#65b2bc background color

This paragraph has a background color of #65b2bc.

<p style="background-color:#65b2bc;">Content here</p>

#65b2bc border color

This element has a border color of #65b2bc.

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

CSS codes

.text {color:#65b2bc;}

.background {background-color:#65b2bc;}

.border {border:1px solid #65b2bc;}

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#0a1618
```
#0a1618 rgb(10,22,24)
```
#102325
```
#102325 rgb(16,35,37)
```
#163033
```
#163033 rgb(22,48,51)
```
#1c3c41
```
#1c3c41 rgb(28,60,65)
```
#22494e
```
#22494e rgb(34,73,78)
```
#28565c
```
#28565c rgb(40,86,92)
```
#2e636a
```
#2e636a rgb(46,99,106)
```
#347077
```
#347077 rgb(52,112,119)
```
#3a7c85
```
#3a7c85 rgb(58,124,133)
```
#408993
```
#408993 rgb(64,137,147)
```
#4696a0
```
#4696a0 rgb(70,150,160)
```
#4ca3ae
```
#4ca3ae rgb(76,163,174)
```

Shade Color Variation

#57abb6
```
#57abb6 rgb(87,171,182)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#73b9c2
```
#73b9c2 rgb(115,185,194)
```
#80c0c8
```
#80c0c8 rgb(128,192,200)
```
#8ec7ce
```
#8ec7ce rgb(142,199,206)
```
#9ccdd4
```
#9ccdd4 rgb(156,205,212)
```
#a9d4da
```
#a9d4da rgb(169,212,218)
```
#b7dbe0
```
#b7dbe0 rgb(183,219,224)
```
#c5e2e6
```
#c5e2e6 rgb(197,226,230)
```
#d2e9ec
```
#d2e9ec rgb(210,233,236)
```
#e0f0f2
```
#e0f0f2 rgb(224,240,242)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909192 is the less saturated color, while #2ae0f8 is the most saturated one.

#909192
```
#909192 rgb(144,145,146)
```
#87989a
```
#87989a rgb(135,152,154)
```
#7f9ea3
```
#7f9ea3 rgb(127,158,163)
```
#76a5ab
```
#76a5ab rgb(118,165,171)
```
#6eabb4
```
#6eabb4 rgb(110,171,180)
```
#65b2bc
```
#65b2bc rgb(101,178,188)
```
#5db9c5
```
#5db9c5 rgb(93,185,197)
```
#54bfcd
```
#54bfcd rgb(84,191,205)
```
#4cc6d6
```
#4cc6d6 rgb(76,198,214)
```
#43ccde
```
#43ccde rgb(67,204,222)
```
#3bd3e7
```
#3bd3e7 rgb(59,211,231)
```
#32d9ef
```
#32d9ef rgb(50,217,239)
```
#2ae0f8
```
#2ae0f8 rgb(42,224,248)
```

Tone Color Variation

Below, you can see how #65b2bc 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

#9c9c9c Achromatopsia 0.005% of the population
#91a0a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a9b8 Protanopia 1% of men
#ada7c4 Deuteranopia 1% of men
#6eb5c2 Tritanopia 0.001% of the population

Trichromacy

#90acb9 Protanomaly 1% of men, 0.01% of women
#93abc1 Deuteranomaly 6% of men, 0.4% of women
#6ab4c0 Tritanomaly 0.01% of the population

#65b2bc hex color

#65b2bc Color Information

#65b2bc Color Conversion

Color Schemes with #65b2bc

Alternatives to #65b2bc

#65b2bc Preview

Shades and Tints of #65b2bc

Tones of #65b2bc

Color Blindness Simulator