#65a2fa hex color

In a RGB color space, hex #65a2fa is composed of 39.6% red, 63.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 35.2% magenta, 0% yellow and 2% black. It has a hue angle of 215.4 degrees, a saturation of 93.7% and a lightness of 68.8%. #65a2fa color hex could be obtained by blending #caffff with #0045f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 64
- B 98
RGB color chart
- C 60
- M 35
- Y 0
- K 2
CMYK color chart

● #65a2fa color description : Soft blue.

The hexadecimal color #65a2fa has RGB values of R:101, G:162, B:250 and CMYK values of C:0.6, M:0.35, Y:0, K:0.02. Its decimal value is 6660858.

Hex triplet	65a2fa	`#65a2fa`
RGB Decimal	101, 162, 250	`rgb(101,162,250)`
RGB Percent	39.6, 63.5, 98	`rgb(39.6%,63.5%,98%)`
CMYK	60, 35, 0, 2
HSL	215.4°, 93.7, 68.8	`hsl(215.4,93.7%,68.8%)`
HSV (or HSB)	215.4°, 59.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.142, 6.152, -49.767
XYZ	35.539, 35.507, 95.418
xyY	0.213, 0.213, 35.507
CIE-LCH	66.142, 50.145, 277.047
CIE-LUV	66.142, -27.052, -81.095
Hunter-Lab	59.588, 2.179, -53.229
Binary	01100101, 10100010, 11111010

#65a2fa
```
#65a2fa rgb(101,162,250)
```
#fabd65
```
#fabd65 rgb(250,189,101)
```

Complementary Color

#65edfa
```
#65edfa rgb(101,237,250)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#7365fa
```
#7365fa rgb(115,101,250)
```

Analogous Color

#edfa65
```
#edfa65 rgb(237,250,101)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#fa7365
```
#fa7365 rgb(250,115,101)
```

Split Complementary Color

#a2fa65
```
#a2fa65 rgb(162,250,101)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#fa65a2
```
#fa65a2 rgb(250,101,162)
```

Triadic Color

#65fabd
```
#65fabd rgb(101,250,189)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#fa65a2
```
#fa65a2 rgb(250,101,162)
```
#fabd65
```
#fabd65 rgb(250,189,101)
```

Tetradic Color

#1b75f8
```
#1b75f8 rgb(27,117,248)
```
#3484f8
```
#3484f8 rgb(52,132,248)
```
#4c93f9
```
#4c93f9 rgb(76,147,249)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#7eb1fb
```
#7eb1fb rgb(126,177,251)
```
#96c0fc
```
#96c0fc rgb(150,192,252)
```
#afcffc
```
#afcffc rgb(175,207,252)
```

Monochromatic Color

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

#65c7fa
```
#65c7fa rgb(101,199,250)
```
#65bbfa
```
#65bbfa rgb(101,187,250)
```
#65aefa
```
#65aefa rgb(101,174,250)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#6596fa
```
#6596fa rgb(101,150,250)
```
#6589fa
```
#6589fa rgb(101,137,250)
```
#657dfa
```
#657dfa rgb(101,125,250)
```

Similar Colors

Text with hexadecimal color #65a2fa

This text has a font color of #65a2fa.

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

#65a2fa background color

This paragraph has a background color of #65a2fa.

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

#65a2fa border color

This element has a border color of #65a2fa.

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

CSS codes

.text {color:#65a2fa;}

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

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

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

#010711
```
#010711 rgb(1,7,17)
```
#010f24
```
#010f24 rgb(1,15,36)
```
#021837
```
#021837 rgb(2,24,55)
```
#02204a
```
#02204a rgb(2,32,74)
```
#03285d
```
#03285d rgb(3,40,93)
```
#043070
```
#043070 rgb(4,48,112)
```
#043883
```
#043883 rgb(4,56,131)
```
#054096
```
#054096 rgb(5,64,150)
```
#0548a9
```
#0548a9 rgb(5,72,169)
```
#0651bc
```
#0651bc rgb(6,81,188)
```
#0759cf
```
#0759cf rgb(7,89,207)
```
#0761e2
```
#0761e2 rgb(7,97,226)
```
#0869f5
```
#0869f5 rgb(8,105,245)
```

Shade Color Variation

#1974f8
```
#1974f8 rgb(25,116,248)
```
#2c80f8
```
#2c80f8 rgb(44,128,248)
```
#3f8bf9
```
#3f8bf9 rgb(63,139,249)
```
#5297f9
```
#5297f9 rgb(82,151,249)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```
#78adfb
```
#78adfb rgb(120,173,251)
```
#8bb9fb
```
#8bb9fb rgb(139,185,251)
```
#9ec4fc
```
#9ec4fc rgb(158,196,252)
```
#b1d0fc
```
#b1d0fc rgb(177,208,252)
```
#c4dbfd
```
#c4dbfd rgb(196,219,253)
```
#d7e7fe
```
#d7e7fe rgb(215,231,254)
```
#eaf2fe
```
#eaf2fe rgb(234,242,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#aeafb1
```
#aeafb1 rgb(174,175,177)
```
#a8aeb7
```
#a8aeb7 rgb(168,174,183)
```
#a2adbd
```
#a2adbd rgb(162,173,189)
```
#9cacc3
```
#9cacc3 rgb(156,172,195)
```
#96abc9
```
#96abc9 rgb(150,171,201)
```
#90aacf
```
#90aacf rgb(144,170,207)
```
#8aa9d5
```
#8aa9d5 rgb(138,169,213)
```
#84a8db
```
#84a8db rgb(132,168,219)
```
#7da6e2
```
#7da6e2 rgb(125,166,226)
```
#77a5e8
```
#77a5e8 rgb(119,165,232)
```
#71a4ee
```
#71a4ee rgb(113,164,238)
```
#6ba3f4
```
#6ba3f4 rgb(107,163,244)
```
#65a2fa
```
#65a2fa rgb(101,162,250)
```

Tone Color Variation

Below, you can see how #65a2fa 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
#8f9cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a2f7 Protanopia 1% of men
#72a5fa Deuteranopia 1% of men
#4ab3c0 Tritanopia 0.001% of the population

Trichromacy

#78a2f8 Protanomaly 1% of men, 0.01% of women
#6da4fa Deuteranomaly 6% of men, 0.4% of women
#53add5 Tritanomaly 0.01% of the population

#65a2fa hex color

#65a2fa Color Information

#65a2fa Color Conversion

Color Schemes with #65a2fa

Alternatives to #65a2fa

#65a2fa Preview

Shades and Tints of #65a2fa

Tones of #65a2fa

Color Blindness Simulator