#65b2dd hex color

In a RGB color space, hex #65b2dd is composed of 39.6% red, 69.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 19.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 201.5 degrees, a saturation of 63.8% and a lightness of 63.1%. #65b2dd color hex could be obtained by blending #caffff with #0065bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 70
- B 87
RGB color chart
- C 54
- M 19
- Y 0
- K 13
CMYK color chart

● #65b2dd color description : Soft blue.

The hexadecimal color #65b2dd has RGB values of R:101, G:178, B:221 and CMYK values of C:0.54, M:0.19, Y:0, K:0.13. Its decimal value is 6664925.

Hex triplet	65b2dd	`#65b2dd`
RGB Decimal	101, 178, 221	`rgb(101,178,221)`
RGB Percent	39.6, 69.8, 86.7	`rgb(39.6%,69.8%,86.7%)`
CMYK	54, 19, 0, 13
HSL	201.5°, 63.8, 63.1	`hsl(201.5,63.8%,63.1%)`
HSV (or HSB)	201.5°, 54.3, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.345, -11.769, -28.916
XYZ	34.335, 39.826, 74.28
xyY	0.231, 0.268, 39.826
CIE-LCH	69.345, 31.219, 247.853
CIE-LUV	69.345, -33.468, -44.086
Hunter-Lab	63.108, -13.321, -25.612
Binary	01100101, 10110010, 11011101

#65b2dd
```
#65b2dd rgb(101,178,221)
```
#dd9065
```
#dd9065 rgb(221,144,101)
```

Complementary Color

#65ddcc
```
#65ddcc rgb(101,221,204)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#6576dd
```
#6576dd rgb(101,118,221)
```

Analogous Color

#ddcc65
```
#ddcc65 rgb(221,204,101)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#dd6576
```
#dd6576 rgb(221,101,118)
```

Split Complementary Color

#b2dd65
```
#b2dd65 rgb(178,221,101)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#dd65b2
```
#dd65b2 rgb(221,101,178)
```

Triadic Color

#65dd90
```
#65dd90 rgb(101,221,144)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#dd65b2
```
#dd65b2 rgb(221,101,178)
```
#dd9065
```
#dd9065 rgb(221,144,101)
```

Tetradic Color

#2c91c9
```
#2c91c9 rgb(44,145,201)
```
#3b9dd4
```
#3b9dd4 rgb(59,157,212)
```
#50a8d8
```
#50a8d8 rgb(80,168,216)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#7abce2
```
#7abce2 rgb(122,188,226)
```
#8fc7e6
```
#8fc7e6 rgb(143,199,230)
```
#a4d1eb
```
#a4d1eb rgb(164,209,235)
```

Monochromatic Color

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

#65d0dd
```
#65d0dd rgb(101,208,221)
```
#65c6dd
```
#65c6dd rgb(101,198,221)
```
#65bcdd
```
#65bcdd rgb(101,188,221)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#65a8dd
```
#65a8dd rgb(101,168,221)
```
#659edd
```
#659edd rgb(101,158,221)
```
#6594dd
```
#6594dd rgb(101,148,221)
```

Similar Colors

Text with hexadecimal color #65b2dd

This text has a font color of #65b2dd.

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

#65b2dd background color

This paragraph has a background color of #65b2dd.

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

#65b2dd border color

This element has a border color of #65b2dd.

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

CSS codes

.text {color:#65b2dd;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#051017
```
#051017 rgb(5,16,23)
```
#091c27
```
#091c27 rgb(9,28,39)
```
#0c2837
```
#0c2837 rgb(12,40,55)
```
#103347
```
#103347 rgb(16,51,71)
```
#133f57
```
#133f57 rgb(19,63,87)
```
#174a67
```
#174a67 rgb(23,74,103)
```
#1a5677
```
#1a5677 rgb(26,86,119)
```
#1e6187
```
#1e6187 rgb(30,97,135)
```
#216d97
```
#216d97 rgb(33,109,151)
```
#2579a7
```
#2579a7 rgb(37,121,167)
```
#2884b7
```
#2884b7 rgb(40,132,183)
```
#2c90c7
```
#2c90c7 rgb(44,144,199)
```

Shade Color Variation

#359ad2
```
#359ad2 rgb(53,154,210)
```
#45a2d6
```
#45a2d6 rgb(69,162,214)
```
#55aad9
```
#55aad9 rgb(85,170,217)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#75bae1
```
#75bae1 rgb(117,186,225)
```
#85c2e4
```
#85c2e4 rgb(133,194,228)
```
#95cae8
```
#95cae8 rgb(149,202,232)
```
#a5d2eb
```
#a5d2eb rgb(165,210,235)
```
#b5daef
```
#b5daef rgb(181,218,239)
```
#c5e2f2
```
#c5e2f2 rgb(197,226,242)
```
#d5eaf6
```
#d5eaf6 rgb(213,234,246)
```
#e6f2f9
```
#e6f2f9 rgb(230,242,249)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#9fa2a3
```
#9fa2a3 rgb(159,162,163)
```
#98a4aa
```
#98a4aa rgb(152,164,170)
```
#90a6b2
```
#90a6b2 rgb(144,166,178)
```
#89a8b9
```
#89a8b9 rgb(137,168,185)
```
#82aac0
```
#82aac0 rgb(130,170,192)
```
#7bacc7
```
#7bacc7 rgb(123,172,199)
```
#73aecf
```
#73aecf rgb(115,174,207)
```
#6cb0d6
```
#6cb0d6 rgb(108,176,214)
```
#65b2dd
```
#65b2dd rgb(101,178,221)
```
#5eb4e4
```
#5eb4e4 rgb(94,180,228)
```
#57b6eb
```
#57b6eb rgb(87,182,235)
```
#4fb8f3
```
#4fb8f3 rgb(79,184,243)
```
#48bafa
```
#48bafa rgb(72,186,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#94a4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1acd8 Protanopia 1% of men
#9eabe2 Deuteranopia 1% of men
#62bac7 Tritanopia 0.001% of the population

Trichromacy

#8baed9 Protanomaly 1% of men, 0.01% of women
#89ade0 Deuteranomaly 6% of men, 0.4% of women
#63b7cf Tritanomaly 0.01% of the population

#65b2dd hex color

#65b2dd Color Information

#65b2dd Color Conversion

Color Schemes with #65b2dd

Alternatives to #65b2dd

#65b2dd Preview

Shades and Tints of #65b2dd

Tones of #65b2dd

Color Blindness Simulator