#65b4dc hex color

In a RGB color space, hex #65b4dc is composed of 39.6% red, 70.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 18.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.2 degrees, a saturation of 63% and a lightness of 62.9%. #65b4dc color hex could be obtained by blending #caffff with #0069b9. 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

● #65b4dc color description : Soft blue.

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

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

CIE-LAB	69.877, -13.135, -27.551
XYZ	34.603, 40.574, 73.714
xyY	0.232, 0.273, 40.574
CIE-LCH	69.877, 30.522, 244.51
CIE-LUV	69.877, -34.253, -41.662
Hunter-Lab	63.698, -14.504, -24.025
Binary	01100101, 10110100, 11011100

#65b4dc
```
#65b4dc rgb(101,180,220)
```
#dc8d65
```
#dc8d65 rgb(220,141,101)
```

Complementary Color

#65dcc9
```
#65dcc9 rgb(101,220,201)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#6579dc
```
#6579dc rgb(101,121,220)
```

Analogous Color

#dcc965
```
#dcc965 rgb(220,201,101)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#dc6579
```
#dc6579 rgb(220,101,121)
```

Split Complementary Color

#b4dc65
```
#b4dc65 rgb(180,220,101)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#dc65b4
```
#dc65b4 rgb(220,101,180)
```

Triadic Color

#65dc8d
```
#65dc8d rgb(101,220,141)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#dc65b4
```
#dc65b4 rgb(220,101,180)
```
#dc8d65
```
#dc8d65 rgb(220,141,101)
```

Tetradic Color

#2d93c7
```
#2d93c7 rgb(45,147,199)
```
#3ba0d3
```
#3ba0d3 rgb(59,160,211)
```
#50aad7
```
#50aad7 rgb(80,170,215)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#7abee1
```
#7abee1 rgb(122,190,225)
```
#8fc8e5
```
#8fc8e5 rgb(143,200,229)
```
#a3d2ea
```
#a3d2ea rgb(163,210,234)
```

Monochromatic Color

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

#65d2dc
```
#65d2dc rgb(101,210,220)
```
#65c8dc
```
#65c8dc rgb(101,200,220)
```
#65bedc
```
#65bedc rgb(101,190,220)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#65aadc
```
#65aadc rgb(101,170,220)
```
#65a0dc
```
#65a0dc rgb(101,160,220)
```
#6596dc
```
#6596dc rgb(101,150,220)
```

Similar Colors

Text with hexadecimal color #65b4dc

This text has a font color of #65b4dc.

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

#65b4dc background color

This paragraph has a background color of #65b4dc.

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

#65b4dc border color

This element has a border color of #65b4dc.

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

CSS codes

.text {color:#65b4dc;}

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

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

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)
```
#133f56
```
#133f56 rgb(19,63,86)
```
#174b66
```
#174b66 rgb(23,75,102)
```
#1b5776
```
#1b5776 rgb(27,87,118)
```
#1e6386
```
#1e6386 rgb(30,99,134)
```
#226f96
```
#226f96 rgb(34,111,150)
```
#267ba6
```
#267ba6 rgb(38,123,166)
```
#2986b6
```
#2986b6 rgb(41,134,182)
```
#2d92c6
```
#2d92c6 rgb(45,146,198)
```

Shade Color Variation

#359dd1
```
#359dd1 rgb(53,157,209)
```
#45a4d5
```
#45a4d5 rgb(69,164,213)
```
#55acd8
```
#55acd8 rgb(85,172,216)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#75bce0
```
#75bce0 rgb(117,188,224)
```
#85c4e3
```
#85c4e3 rgb(133,196,227)
```
#95cbe7
```
#95cbe7 rgb(149,203,231)
```
#a5d3eb
```
#a5d3eb rgb(165,211,235)
```
#b5dbee
```
#b5dbee rgb(181,219,238)
```
#c5e3f2
```
#c5e3f2 rgb(197,227,242)
```
#d5eaf5
```
#d5eaf5 rgb(213,234,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 #48bef9 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)
```
#82aabf
```
#82aabf rgb(130,170,191)
```
#7badc6
```
#7badc6 rgb(123,173,198)
```
#74afcd
```
#74afcd rgb(116,175,205)
```
#6cb2d5
```
#6cb2d5 rgb(108,178,213)
```
#65b4dc
```
#65b4dc rgb(101,180,220)
```
#5eb6e3
```
#5eb6e3 rgb(94,182,227)
```
#56b9eb
```
#56b9eb rgb(86,185,235)
```
#4fbbf2
```
#4fbbf2 rgb(79,187,242)
```
#48bef9
```
#48bef9 rgb(72,190,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#95a5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add7 Protanopia 1% of men
#a1ace2 Deuteranopia 1% of men
#63bbc9 Tritanopia 0.001% of the population

Trichromacy

#8dafd8 Protanomaly 1% of men, 0.01% of women
#8bafdf Deuteranomaly 6% of men, 0.4% of women
#63b8d0 Tritanomaly 0.01% of the population

#65b4dc hex color

#65b4dc Color Information

#65b4dc Color Conversion

Color Schemes with #65b4dc

Alternatives to #65b4dc

#65b4dc Preview

Shades and Tints of #65b4dc

Tones of #65b4dc

Color Blindness Simulator