#65a5f1 hex color

In a RGB color space, hex #65a5f1 is composed of 39.6% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 212.6 degrees, a saturation of 83.3% and a lightness of 67.1%. #65a5f1 color hex could be obtained by blending #caffff with #004be3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 65
- B 95
RGB color chart
- C 58
- M 32
- Y 0
- K 5
CMYK color chart

● #65a5f1 color description : Soft blue.

The hexadecimal color #65a5f1 has RGB values of R:101, G:165, B:241 and CMYK values of C:0.58, M:0.32, Y:0, K:0.05. Its decimal value is 6661617.

Hex triplet	65a5f1	`#65a5f1`
RGB Decimal	101, 165, 241	`rgb(101,165,241)`
RGB Percent	39.6, 64.7, 94.5	`rgb(39.6%,64.7%,94.5%)`
CMYK	58, 32, 0, 5
HSL	212.6°, 83.3, 67.1	`hsl(212.6,83.3%,67.1%)`
HSV (or HSB)	212.6°, 58.1, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.54, 1.566, -44.226
XYZ	34.696, 36.026, 88.34
xyY	0.218, 0.226, 36.026
CIE-LCH	66.54, 44.254, 272.028
CIE-LUV	66.54, -28.237, -71.271
Hunter-Lab	60.021, -1.855, -45.248
Binary	01100101, 10100101, 11110001

#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#f1b165
```
#f1b165 rgb(241,177,101)
```

Complementary Color

#65ebf1
```
#65ebf1 rgb(101,235,241)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#6b65f1
```
#6b65f1 rgb(107,101,241)
```

Analogous Color

#ebf165
```
#ebf165 rgb(235,241,101)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#f16b65
```
#f16b65 rgb(241,107,101)
```

Split Complementary Color

#a5f165
```
#a5f165 rgb(165,241,101)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#f165a5
```
#f165a5 rgb(241,101,165)
```

Triadic Color

#65f1b1
```
#65f1b1 rgb(101,241,177)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#f165a5
```
#f165a5 rgb(241,101,165)
```
#f1b165
```
#f1b165 rgb(241,177,101)
```

Tetradic Color

#1f7ceb
```
#1f7ceb rgb(31,124,235)
```
#368aed
```
#368aed rgb(54,138,237)
```
#4e97ef
```
#4e97ef rgb(78,151,239)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#7cb3f3
```
#7cb3f3 rgb(124,179,243)
```
#94c0f5
```
#94c0f5 rgb(148,192,245)
```
#abcef7
```
#abcef7 rgb(171,206,247)
```

Monochromatic Color

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

#65c8f1
```
#65c8f1 rgb(101,200,241)
```
#65bcf1
```
#65bcf1 rgb(101,188,241)
```
#65b1f1
```
#65b1f1 rgb(101,177,241)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#6599f1
```
#6599f1 rgb(101,153,241)
```
#658ef1
```
#658ef1 rgb(101,142,241)
```
#6582f1
```
#6582f1 rgb(101,130,241)
```

Similar Colors

Text with hexadecimal color #65a5f1

This text has a font color of #65a5f1.

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

#65a5f1 background color

This paragraph has a background color of #65a5f1.

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

#65a5f1 border color

This element has a border color of #65a5f1.

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

CSS codes

.text {color:#65a5f1;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020d1a
```
#020d1a rgb(2,13,26)
```
#04162c
```
#04162c rgb(4,22,44)
```
#061f3e
```
#061f3e rgb(6,31,62)
```
#072850
```
#072850 rgb(7,40,80)
```
#093262
```
#093262 rgb(9,50,98)
```
#0b3b74
```
#0b3b74 rgb(11,59,116)
```
#0c4486
```
#0c4486 rgb(12,68,134)
```
#0e4d98
```
#0e4d98 rgb(14,77,152)
```
#0f56aa
```
#0f56aa rgb(15,86,170)
```
#115fbc
```
#115fbc rgb(17,95,188)
```
#1368ce
```
#1368ce rgb(19,104,206)
```
#1471e0
```
#1471e0 rgb(20,113,224)
```

Shade Color Variation

#1d7bea
```
#1d7bea rgb(29,123,234)
```
#2f85ec
```
#2f85ec rgb(47,133,236)
```
#4190ee
```
#4190ee rgb(65,144,238)
```
#539aef
```
#539aef rgb(83,154,239)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#77b0f3
```
#77b0f3 rgb(119,176,243)
```
#89baf4
```
#89baf4 rgb(137,186,244)
```
#9bc5f6
```
#9bc5f6 rgb(155,197,246)
```
#adcff8
```
#adcff8 rgb(173,207,248)
```
#bfdaf9
```
#bfdaf9 rgb(191,218,249)
```
#d1e4fb
```
#d1e4fb rgb(209,228,251)
```
#e3effc
```
#e3effc rgb(227,239,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#a6abb0
```
#a6abb0 rgb(166,171,176)
```
#9faab7
```
#9faab7 rgb(159,170,183)
```
#99a9bd
```
#99a9bd rgb(153,169,189)
```
#92a9c4
```
#92a9c4 rgb(146,169,196)
```
#8ca8ca
```
#8ca8ca rgb(140,168,202)
```
#85a8d1
```
#85a8d1 rgb(133,168,209)
```
#7fa7d7
```
#7fa7d7 rgb(127,167,215)
```
#78a7de
```
#78a7de rgb(120,167,222)
```
#72a6e4
```
#72a6e4 rgb(114,166,228)
```
#6ba6eb
```
#6ba6eb rgb(107,166,235)
```
#65a5f1
```
#65a5f1 rgb(101,165,241)
```
#5fa4f7
```
#5fa4f7 rgb(95,164,247)
```
#58a4fe
```
#58a4fe rgb(88,164,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#909dac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca4ed Protanopia 1% of men
#7fa6f3 Deuteranopia 1% of men
#51b3c0 Tritanopia 0.001% of the population

Trichromacy

#7da4ee Protanomaly 1% of men, 0.01% of women
#75a5f2 Deuteranomaly 6% of men, 0.4% of women
#58aed2 Tritanomaly 0.01% of the population

#65a5f1 hex color

#65a5f1 Color Information

#65a5f1 Color Conversion

Color Schemes with #65a5f1

Alternatives to #65a5f1

#65a5f1 Preview

Shades and Tints of #65a5f1

Tones of #65a5f1

Color Blindness Simulator