#65b5dc hex color

In a RGB color space, hex #65b5dc is composed of 39.6% red, 71% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 17.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 199.7 degrees, a saturation of 63% and a lightness of 62.9%. #65b5dc color hex could be obtained by blending #caffff with #006bb9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 40
- G 71
- B 86
RGB color chart
- C 54
- M 18
- Y 0
- K 14
CMYK color chart

● #65b5dc color description : Soft blue.

The hexadecimal color #65b5dc has RGB values of R:101, G:181, B:220 and CMYK values of C:0.54, M:0.18, Y:0, K:0.14. Its decimal value is 6665692.

Hex triplet	65b5dc	`#65b5dc`
RGB Decimal	101, 181, 220	`rgb(101,181,220)`
RGB Percent	39.6, 71, 86.3	`rgb(39.6%,71%,86.3%)`
CMYK	54, 18, 0, 14
HSL	199.7°, 63, 62.9	`hsl(199.7,63%,62.9%)`
HSV (or HSB)	199.7°, 54.1, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.162, -13.668, -27.114
XYZ	34.806, 40.98, 73.782
xyY	0.233, 0.274, 40.98
CIE-LCH	70.162, 30.364, 243.247
CIE-LUV	70.162, -34.631, -40.881
Hunter-Lab	64.015, -14.974, -23.525
Binary	01100101, 10110101, 11011100

#65b5dc
```
#65b5dc rgb(101,181,220)
```
#dc8c65
```
#dc8c65 rgb(220,140,101)
```

Complementary Color

#65dcc8
```
#65dcc8 rgb(101,220,200)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#657adc
```
#657adc rgb(101,122,220)
```

Analogous Color

#dcc865
```
#dcc865 rgb(220,200,101)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#dc657a
```
#dc657a rgb(220,101,122)
```

Split Complementary Color

#b5dc65
```
#b5dc65 rgb(181,220,101)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#dc65b5
```
#dc65b5 rgb(220,101,181)
```

Triadic Color

#65dc8c
```
#65dc8c rgb(101,220,140)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#dc65b5
```
#dc65b5 rgb(220,101,181)
```
#dc8c65
```
#dc8c65 rgb(220,140,101)
```

Tetradic Color

#2d95c7
```
#2d95c7 rgb(45,149,199)
```
#3ba1d3
```
#3ba1d3 rgb(59,161,211)
```
#50abd7
```
#50abd7 rgb(80,171,215)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#7abfe1
```
#7abfe1 rgb(122,191,225)
```
#8fc9e5
```
#8fc9e5 rgb(143,201,229)
```
#a3d3ea
```
#a3d3ea rgb(163,211,234)
```

Monochromatic Color

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

#65d3dc
```
#65d3dc rgb(101,211,220)
```
#65c9dc
```
#65c9dc rgb(101,201,220)
```
#65bfdc
```
#65bfdc rgb(101,191,220)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#65abdc
```
#65abdc rgb(101,171,220)
```
#65a1dc
```
#65a1dc rgb(101,161,220)
```
#6597dc
```
#6597dc rgb(101,151,220)
```

Similar Colors

Text with hexadecimal color #65b5dc

This text has a font color of #65b5dc.

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

#65b5dc background color

This paragraph has a background color of #65b5dc.

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

#65b5dc border color

This element has a border color of #65b5dc.

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

CSS codes

.text {color:#65b5dc;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#051016
```
#051016 rgb(5,16,22)
```
#091c26
```
#091c26 rgb(9,28,38)
```
#0c2836
```
#0c2836 rgb(12,40,54)
```
#103446
```
#103446 rgb(16,52,70)
```
#134056
```
#134056 rgb(19,64,86)
```
#174c66
```
#174c66 rgb(23,76,102)
```
#1b5876
```
#1b5876 rgb(27,88,118)
```
#1e6486
```
#1e6486 rgb(30,100,134)
```
#227096
```
#227096 rgb(34,112,150)
```
#267ca6
```
#267ca6 rgb(38,124,166)
```
#2988b6
```
#2988b6 rgb(41,136,182)
```
#2d94c6
```
#2d94c6 rgb(45,148,198)
```

Shade Color Variation

#359ed1
```
#359ed1 rgb(53,158,209)
```
#45a6d5
```
#45a6d5 rgb(69,166,213)
```
#55add8
```
#55add8 rgb(85,173,216)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#75bde0
```
#75bde0 rgb(117,189,224)
```
#85c4e3
```
#85c4e3 rgb(133,196,227)
```
#95cce7
```
#95cce7 rgb(149,204,231)
```
#a5d4eb
```
#a5d4eb rgb(165,212,235)
```
#b5dbee
```
#b5dbee rgb(181,219,238)
```
#c5e3f2
```
#c5e3f2 rgb(197,227,242)
```
#d5ebf5
```
#d5ebf5 rgb(213,235,245)
```
#e5f2f9
```
#e5f2f9 rgb(229,242,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#9fa1a2
```
#9fa1a2 rgb(159,161,162)
```
#98a3a9
```
#98a3a9 rgb(152,163,169)
```
#91a6b0
```
#91a6b0 rgb(145,166,176)
```
#89a8b8
```
#89a8b8 rgb(137,168,184)
```
#82abbf
```
#82abbf rgb(130,171,191)
```
#7badc6
```
#7badc6 rgb(123,173,198)
```
#74b0cd
```
#74b0cd rgb(116,176,205)
```
#6cb2d5
```
#6cb2d5 rgb(108,178,213)
```
#65b5dc
```
#65b5dc rgb(101,181,220)
```
#5eb8e3
```
#5eb8e3 rgb(94,184,227)
```
#56baeb
```
#56baeb rgb(86,186,235)
```
#4fbdf2
```
#4fbdf2 rgb(79,189,242)
```
#48bff9
```
#48bff9 rgb(72,191,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#96a6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aed6 Protanopia 1% of men
#a2ade2 Deuteranopia 1% of men
#63bcca Tritanopia 0.001% of the population

Trichromacy

#8eb0d8 Protanomaly 1% of men, 0.01% of women
#8cb0df Deuteranomaly 6% of men, 0.4% of women
#64b9d0 Tritanomaly 0.01% of the population

#65b5dc hex color

#65b5dc Color Information

#65b5dc Color Conversion

Color Schemes with #65b5dc

Alternatives to #65b5dc

#65b5dc Preview

Shades and Tints of #65b5dc

Tones of #65b5dc

Color Blindness Simulator