#65a5ed hex color

In a RGB color space, hex #65a5ed is composed of 39.6% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.8 degrees, a saturation of 79.1% and a lightness of 66.3%. #65a5ed color hex could be obtained by blending #caffff with #004bdb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 65
- B 93
RGB color chart
- C 57
- M 30
- Y 0
- K 7
CMYK color chart

● #65a5ed color description : Soft blue.

The hexadecimal color #65a5ed has RGB values of R:101, G:165, B:237 and CMYK values of C:0.57, M:0.3, Y:0, K:0.07. Its decimal value is 6661613.

Hex triplet	65a5ed	`#65a5ed`
RGB Decimal	101, 165, 237	`rgb(101,165,237)`
RGB Percent	39.6, 64.7, 92.9	`rgb(39.6%,64.7%,92.9%)`
CMYK	57, 30, 0, 7
HSL	211.8°, 79.1, 66.3	`hsl(211.8,79.1%,66.3%)`
HSV (or HSB)	211.8°, 57.4, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.359, 0.305, -42.321
XYZ	34.104, 35.789, 85.227
xyY	0.22, 0.231, 35.789
CIE-LCH	66.359, 42.322, 270.413
CIE-LUV	66.359, -28.304, -67.87
Hunter-Lab	59.824, -2.933, -42.589
Binary	01100101, 10100101, 11101101

#65a5ed
```
#65a5ed rgb(101,165,237)
```
#edad65
```
#edad65 rgb(237,173,101)
```

Complementary Color

#65e9ed
```
#65e9ed rgb(101,233,237)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#6965ed
```
#6965ed rgb(105,101,237)
```

Analogous Color

#e9ed65
```
#e9ed65 rgb(233,237,101)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#ed6965
```
#ed6965 rgb(237,105,101)
```

Split Complementary Color

#a5ed65
```
#a5ed65 rgb(165,237,101)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#ed65a5
```
#ed65a5 rgb(237,101,165)
```

Triadic Color

#65edad
```
#65edad rgb(101,237,173)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#ed65a5
```
#ed65a5 rgb(237,101,165)
```
#edad65
```
#edad65 rgb(237,173,101)
```

Tetradic Color

#217de5
```
#217de5 rgb(33,125,229)
```
#378ae8
```
#378ae8 rgb(55,138,232)
```
#4e98ea
```
#4e98ea rgb(78,152,234)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#7cb2f0
```
#7cb2f0 rgb(124,178,240)
```
#93c0f2
```
#93c0f2 rgb(147,192,242)
```
#a9cdf5
```
#a9cdf5 rgb(169,205,245)
```

Monochromatic Color

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

#65c7ed
```
#65c7ed rgb(101,199,237)
```
#65bced
```
#65bced rgb(101,188,237)
```
#65b0ed
```
#65b0ed rgb(101,176,237)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#659aed
```
#659aed rgb(101,154,237)
```
#658eed
```
#658eed rgb(101,142,237)
```
#6583ed
```
#6583ed rgb(101,131,237)
```

Similar Colors

Text with hexadecimal color #65a5ed

This text has a font color of #65a5ed.

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

#65a5ed background color

This paragraph has a background color of #65a5ed.

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

#65a5ed border color

This element has a border color of #65a5ed.

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

CSS codes

.text {color:#65a5ed;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#030c16
```
#030c16 rgb(3,12,22)
```
#051527
```
#051527 rgb(5,21,39)
```
#071e39
```
#071e39 rgb(7,30,57)
```
#09284a
```
#09284a rgb(9,40,74)
```
#0b315c
```
#0b315c rgb(11,49,92)
```
#0d3a6d
```
#0d3a6d rgb(13,58,109)
```
#0f447f
```
#0f447f rgb(15,68,127)
```
#114d91
```
#114d91 rgb(17,77,145)
```
#1356a2
```
#1356a2 rgb(19,86,162)
```
#1560b4
```
#1560b4 rgb(21,96,180)
```
#1769c5
```
#1769c5 rgb(23,105,197)
```
#1972d7
```
#1972d7 rgb(25,114,215)
```

Shade Color Variation

#1f7ce5
```
#1f7ce5 rgb(31,124,229)
```
#3086e7
```
#3086e7 rgb(48,134,231)
```
#4290e9
```
#4290e9 rgb(66,144,233)
```
#539beb
```
#539beb rgb(83,155,235)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#77afef
```
#77afef rgb(119,175,239)
```
#88baf1
```
#88baf1 rgb(136,186,241)
```
#9ac4f3
```
#9ac4f3 rgb(154,196,243)
```
#abcef5
```
#abcef5 rgb(171,206,245)
```
#bdd8f7
```
#bdd8f7 rgb(189,216,247)
```
#cee3f9
```
#cee3f9 rgb(206,227,249)
```
#e0edfb
```
#e0edfb rgb(224,237,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#a7a9ab
```
#a7a9ab rgb(167,169,171)
```
#a1a9b1
```
#a1a9b1 rgb(161,169,177)
```
#9aa8b8
```
#9aa8b8 rgb(154,168,184)
```
#93a8bf
```
#93a8bf rgb(147,168,191)
```
#8da7c5
```
#8da7c5 rgb(141,167,197)
```
#86a7cc
```
#86a7cc rgb(134,167,204)
```
#7fa7d3
```
#7fa7d3 rgb(127,167,211)
```
#79a6d9
```
#79a6d9 rgb(121,166,217)
```
#72a6e0
```
#72a6e0 rgb(114,166,224)
```
#6ca5e6
```
#6ca5e6 rgb(108,165,230)
```
#65a5ed
```
#65a5ed rgb(101,165,237)
```
#5ea5f4
```
#5ea5f4 rgb(94,165,244)
```
#58a4fa
```
#58a4fa rgb(88,164,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8f9cab Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da3e9 Protanopia 1% of men
#82a5ef Deuteranopia 1% of men
#54b3c0 Tritanopia 0.001% of the population

Trichromacy

#7ea4ea Protanomaly 1% of men, 0.01% of women
#77a5ee Deuteranomaly 6% of men, 0.4% of women
#5aadd0 Tritanomaly 0.01% of the population

#65a5ed hex color

#65a5ed Color Information

#65a5ed Color Conversion

Color Schemes with #65a5ed

Alternatives to #65a5ed

#65a5ed Preview

Shades and Tints of #65a5ed

Tones of #65a5ed

Color Blindness Simulator