#65a2e5 hex color

In a RGB color space, hex #65a2e5 is composed of 39.6% red, 63.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 29.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 211.4 degrees, a saturation of 71.1% and a lightness of 64.7%. #65a2e5 color hex could be obtained by blending #caffff with #0045cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 64
- B 90
RGB color chart
- C 56
- M 29
- Y 0
- K 10
CMYK color chart

● #65a2e5 color description : Soft blue.

The hexadecimal color #65a2e5 has RGB values of R:101, G:162, B:229 and CMYK values of C:0.56, M:0.29, Y:0, K:0.1. Its decimal value is 6660837.

Hex triplet	65a2e5	`#65a2e5`
RGB Decimal	101, 162, 229	`rgb(101,162,229)`
RGB Percent	39.6, 63.5, 89.8	`rgb(39.6%,63.5%,89.8%)`
CMYK	56, 29, 0, 10
HSL	211.4°, 71.1, 64.7	`hsl(211.4,71.1%,64.7%)`
HSV (or HSB)	211.4°, 55.9, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.17, -0.498, -39.788
XYZ	32.427, 34.263, 79.029
xyY	0.223, 0.235, 34.263
CIE-LCH	65.17, 39.792, 269.283
CIE-LUV	65.17, -27.35, -63.322
Hunter-Lab	58.534, -3.55, -39.075
Binary	01100101, 10100010, 11100101

#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#e5a865
```
#e5a865 rgb(229,168,101)
```

Complementary Color

#65e2e5
```
#65e2e5 rgb(101,226,229)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#6865e5
```
#6865e5 rgb(104,101,229)
```

Analogous Color

#e2e565
```
#e2e565 rgb(226,229,101)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#e56865
```
#e56865 rgb(229,104,101)
```

Split Complementary Color

#a2e565
```
#a2e565 rgb(162,229,101)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#e565a2
```
#e565a2 rgb(229,101,162)
```

Triadic Color

#65e5a8
```
#65e5a8 rgb(101,229,168)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#e565a2
```
#e565a2 rgb(229,101,162)
```
#e5a865
```
#e5a865 rgb(229,168,101)
```

Tetradic Color

#257bd9
```
#257bd9 rgb(37,123,217)
```
#3988de
```
#3988de rgb(57,136,222)
```
#4f95e1
```
#4f95e1 rgb(79,149,225)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#7bafe9
```
#7bafe9 rgb(123,175,233)
```
#91bcec
```
#91bcec rgb(145,188,236)
```
#a6caf0
```
#a6caf0 rgb(166,202,240)
```

Monochromatic Color

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

#65c2e5
```
#65c2e5 rgb(101,194,229)
```
#65b7e5
```
#65b7e5 rgb(101,183,229)
```
#65ade5
```
#65ade5 rgb(101,173,229)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#6597e5
```
#6597e5 rgb(101,151,229)
```
#658de5
```
#658de5 rgb(101,141,229)
```
#6582e5
```
#6582e5 rgb(101,130,229)
```

Similar Colors

Text with hexadecimal color #65a2e5

This text has a font color of #65a2e5.

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

#65a2e5 background color

This paragraph has a background color of #65a2e5.

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

#65a2e5 border color

This element has a border color of #65a2e5.

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

CSS codes

.text {color:#65a2e5;}

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

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

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, #02080e is the darkest color, while #fcfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#05111f
```
#05111f rgb(5,17,31)
```
#081b2f
```
#081b2f rgb(8,27,47)
```
#0b2440
```
#0b2440 rgb(11,36,64)
```
#0e2e51
```
#0e2e51 rgb(14,46,81)
```
#113762
```
#113762 rgb(17,55,98)
```
#134173
```
#134173 rgb(19,65,115)
```
#164a83
```
#164a83 rgb(22,74,131)
```
#195494
```
#195494 rgb(25,84,148)
```
#1c5da5
```
#1c5da5 rgb(28,93,165)
```
#1f67b6
```
#1f67b6 rgb(31,103,182)
```
#2270c6
```
#2270c6 rgb(34,112,198)
```
#247ad7
```
#247ad7 rgb(36,122,215)
```

Shade Color Variation

#3384dd
```
#3384dd rgb(51,132,221)
```
#438edf
```
#438edf rgb(67,142,223)
```
#5498e2
```
#5498e2 rgb(84,152,226)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#76ace8
```
#76ace8 rgb(118,172,232)
```
#87b6eb
```
#87b6eb rgb(135,182,235)
```
#97c0ee
```
#97c0ee rgb(151,192,238)
```
#a8cbf0
```
#a8cbf0 rgb(168,203,240)
```
#b9d5f3
```
#b9d5f3 rgb(185,213,243)
```
#cadff6
```
#cadff6 rgb(202,223,246)
```
#dae9f9
```
#dae9f9 rgb(218,233,249)
```
#ebf3fc
```
#ebf3fc rgb(235,243,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a3a5a7
```
#a3a5a7 rgb(163,165,167)
```
#9ca5ae
```
#9ca5ae rgb(156,165,174)
```
#95a4b5
```
#95a4b5 rgb(149,164,181)
```
#8fa4bb
```
#8fa4bb rgb(143,164,187)
```
#88a4c2
```
#88a4c2 rgb(136,164,194)
```
#81a3c9
```
#81a3c9 rgb(129,163,201)
```
#7aa3d0
```
#7aa3d0 rgb(122,163,208)
```
#73a3d7
```
#73a3d7 rgb(115,163,215)
```
#6ca2de
```
#6ca2de rgb(108,162,222)
```
#65a2e5
```
#65a2e5 rgb(101,162,229)
```
#5ea2ec
```
#5ea2ec rgb(94,162,236)
```
#57a1f3
```
#57a1f3 rgb(87,161,243)
```
#50a1fa
```
#50a1fa rgb(80,161,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8d99a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca1e2 Protanopia 1% of men
#83a2e8 Deuteranopia 1% of men
#57afbc Tritanopia 0.001% of the population

Trichromacy

#7ea1e3 Protanomaly 1% of men, 0.01% of women
#78a2e7 Deuteranomaly 6% of men, 0.4% of women
#5caacb Tritanomaly 0.01% of the population

#65a2e5 hex color

#65a2e5 Color Information

#65a2e5 Color Conversion

Color Schemes with #65a2e5

Alternatives to #65a2e5

#65a2e5 Preview

Shades and Tints of #65a2e5

Tones of #65a2e5

Color Blindness Simulator