#65a1e2 hex color

In a RGB color space, hex #65a1e2 is composed of 39.6% red, 63.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 28.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 211.2 degrees, a saturation of 68.3% and a lightness of 64.1%. #65a1e2 color hex could be obtained by blending #caffff with #0043c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 63
- B 89
RGB color chart
- C 55
- M 29
- Y 0
- K 11
CMYK color chart

● #65a1e2 color description : Soft blue.

The hexadecimal color #65a1e2 has RGB values of R:101, G:161, B:226 and CMYK values of C:0.55, M:0.29, Y:0, K:0.11. Its decimal value is 6660578.

Hex triplet	65a1e2	`#65a1e2`
RGB Decimal	101, 161, 226	`rgb(101,161,226)`
RGB Percent	39.6, 63.1, 88.6	`rgb(39.6%,63.1%,88.6%)`
CMYK	55, 29, 0, 11
HSL	211.2°, 68.3, 64.1	`hsl(211.2,68.3%,64.1%)`
HSV (or HSB)	211.2°, 55.3, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.76, -0.864, -38.777
XYZ	31.836, 33.746, 76.783
xyY	0.224, 0.237, 33.746
CIE-LCH	64.76, 38.787, 268.724
CIE-LUV	64.76, -27.03, -61.517
Hunter-Lab	58.091, -3.834, -37.704
Binary	01100101, 10100001, 11100010

#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#e2a665
```
#e2a665 rgb(226,166,101)
```

Complementary Color

#65e0e2
```
#65e0e2 rgb(101,224,226)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#6865e2
```
#6865e2 rgb(104,101,226)
```

Analogous Color

#e0e265
```
#e0e265 rgb(224,226,101)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#e26865
```
#e26865 rgb(226,104,101)
```

Split Complementary Color

#a1e265
```
#a1e265 rgb(161,226,101)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#e265a1
```
#e265a1 rgb(226,101,161)
```

Triadic Color

#65e2a6
```
#65e2a6 rgb(101,226,166)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#e265a1
```
#e265a1 rgb(226,101,161)
```
#e2a665
```
#e2a665 rgb(226,166,101)
```

Tetradic Color

#287ad3
```
#287ad3 rgb(40,122,211)
```
#3a87da
```
#3a87da rgb(58,135,218)
```
#5094de
```
#5094de rgb(80,148,222)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#7aaee6
```
#7aaee6 rgb(122,174,230)
```
#90bbea
```
#90bbea rgb(144,187,234)
```
#a5c8ee
```
#a5c8ee rgb(165,200,238)
```

Monochromatic Color

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

#65c0e2
```
#65c0e2 rgb(101,192,226)
```
#65b6e2
```
#65b6e2 rgb(101,182,226)
```
#65abe2
```
#65abe2 rgb(101,171,226)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#6597e2
```
#6597e2 rgb(101,151,226)
```
#658ce2
```
#658ce2 rgb(101,140,226)
```
#6582e2
```
#6582e2 rgb(101,130,226)
```

Similar Colors

Text with hexadecimal color #65a1e2

This text has a font color of #65a1e2.

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

#65a1e2 background color

This paragraph has a background color of #65a1e2.

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

#65a1e2 border color

This element has a border color of #65a1e2.

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

CSS codes

.text {color:#65a1e2;}

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

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

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#05101c
```
#05101c rgb(5,16,28)
```
#08192c
```
#08192c rgb(8,25,44)
```
#0b233d
```
#0b233d rgb(11,35,61)
```
#0f2d4d
```
#0f2d4d rgb(15,45,77)
```
#12365e
```
#12365e rgb(18,54,94)
```
#15406e
```
#15406e rgb(21,64,110)
```
#18497f
```
#18497f rgb(24,73,127)
```
#1b538f
```
#1b538f rgb(27,83,143)
```
#1e5ca0
```
#1e5ca0 rgb(30,92,160)
```
#2166b0
```
#2166b0 rgb(33,102,176)
```
#246fc1
```
#246fc1 rgb(36,111,193)
```
#2779d1
```
#2779d1 rgb(39,121,209)
```

Shade Color Variation

#3383d9
```
#3383d9 rgb(51,131,217)
```
#448ddc
```
#448ddc rgb(68,141,220)
```
#5497df
```
#5497df rgb(84,151,223)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#76abe5
```
#76abe5 rgb(118,171,229)
```
#86b5e8
```
#86b5e8 rgb(134,181,232)
```
#97bfeb
```
#97bfeb rgb(151,191,235)
```
#a7c9ee
```
#a7c9ee rgb(167,201,238)
```
#b8d3f2
```
#b8d3f2 rgb(184,211,242)
```
#c8ddf5
```
#c8ddf5 rgb(200,221,245)
```
#d9e8f8
```
#d9e8f8 rgb(217,232,248)
```
#e9f2fb
```
#e9f2fb rgb(233,242,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#9da3aa
```
#9da3aa rgb(157,163,170)
```
#96a3b1
```
#96a3b1 rgb(150,163,177)
```
#8fa3b8
```
#8fa3b8 rgb(143,163,184)
```
#88a2bf
```
#88a2bf rgb(136,162,191)
```
#81a2c6
```
#81a2c6 rgb(129,162,198)
```
#7aa2cd
```
#7aa2cd rgb(122,162,205)
```
#73a2d4
```
#73a2d4 rgb(115,162,212)
```
#6ca1db
```
#6ca1db rgb(108,161,219)
```
#65a1e2
```
#65a1e2 rgb(101,161,226)
```
#5ea1e9
```
#5ea1e9 rgb(94,161,233)
```
#57a0f0
```
#57a0f0 rgb(87,160,240)
```
#50a0f7
```
#50a0f7 rgb(80,160,247)
```
#49a0fe
```
#49a0fe rgb(73,160,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8c98a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca0df Protanopia 1% of men
#83a1e5 Deuteranopia 1% of men
#58aeba Tritanopia 0.001% of the population

Trichromacy

#7ea0e0 Protanomaly 1% of men, 0.01% of women
#78a1e4 Deuteranomaly 6% of men, 0.4% of women
#5da9c9 Tritanomaly 0.01% of the population

#65a1e2 hex color

#65a1e2 Color Information

#65a1e2 Color Conversion

Color Schemes with #65a1e2

Alternatives to #65a1e2

#65a1e2 Preview

Shades and Tints of #65a1e2

Tones of #65a1e2

Color Blindness Simulator