colorhexa.com

#65a4f1 hex color

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

- R 40
- G 64
- B 95
RGB color chart
- C 58
- M 32
- Y 0
- K 5
CMYK color chart

● #65a4f1 color description : Soft blue.

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

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

CIE-LAB	66.264, 2.135, -44.659
XYZ	34.516, 35.666, 88.28
xyY	0.218, 0.225, 35.666
CIE-LCH	66.264, 44.71, 272.737
CIE-LUV	66.264, -27.881, -72.024
Hunter-Lab	59.721, -1.349, -45.837
Binary	01100101, 10100100, 11110001

#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#f1b265
```
#f1b265 rgb(241,178,101)
```

Complementary Color

#65eaf1
```
#65eaf1 rgb(101,234,241)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#6c65f1
```
#6c65f1 rgb(108,101,241)
```

Analogous Color

#eaf165
```
#eaf165 rgb(234,241,101)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#f16c65
```
#f16c65 rgb(241,108,101)
```

Split Complementary Color

#a4f165
```
#a4f165 rgb(164,241,101)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#f165a4
```
#f165a4 rgb(241,101,164)
```

Triadic Color

#65f1b2
```
#65f1b2 rgb(101,241,178)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#f165a4
```
#f165a4 rgb(241,101,164)
```
#f1b265
```
#f1b265 rgb(241,178,101)
```

Tetradic Color

#1f7beb
```
#1f7beb rgb(31,123,235)
```
#3688ed
```
#3688ed rgb(54,136,237)
```
#4e96ef
```
#4e96ef rgb(78,150,239)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#7cb2f3
```
#7cb2f3 rgb(124,178,243)
```
#94c0f5
```
#94c0f5 rgb(148,192,245)
```
#abcdf7
```
#abcdf7 rgb(171,205,247)
```

Monochromatic Color

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

#65c7f1
```
#65c7f1 rgb(101,199,241)
```
#65bbf1
```
#65bbf1 rgb(101,187,241)
```
#65b0f1
```
#65b0f1 rgb(101,176,241)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#6598f1
```
#6598f1 rgb(101,152,241)
```
#658df1
```
#658df1 rgb(101,141,241)
```
#6581f1
```
#6581f1 rgb(101,129,241)
```

Similar Colors

Text with hexadecimal color #65a4f1

This text has a font color of #65a4f1.

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

#65a4f1 background color

This paragraph has a background color of #65a4f1.

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

#65a4f1 border color

This element has a border color of #65a4f1.

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

CSS codes

.text {color:#65a4f1;}

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

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

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)
```
#093162
```
#093162 rgb(9,49,98)
```
#0b3a74
```
#0b3a74 rgb(11,58,116)
```
#0c4386
```
#0c4386 rgb(12,67,134)
```
#0e4c98
```
#0e4c98 rgb(14,76,152)
```
#0f55aa
```
#0f55aa rgb(15,85,170)
```
#115ebc
```
#115ebc rgb(17,94,188)
```
#1367ce
```
#1367ce rgb(19,103,206)
```
#1470e0
```
#1470e0 rgb(20,112,224)
```

Shade Color Variation

#1d7aea
```
#1d7aea rgb(29,122,234)
```
#2f84ec
```
#2f84ec rgb(47,132,236)
```
#418fee
```
#418fee rgb(65,143,238)
```
#5399ef
```
#5399ef rgb(83,153,239)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#77aff3
```
#77aff3 rgb(119,175,243)
```
#89b9f4
```
#89b9f4 rgb(137,185,244)
```
#9bc4f6
```
#9bc4f6 rgb(155,196,246)
```
#adcff8
```
#adcff8 rgb(173,207,248)
```
#bfd9f9
```
#bfd9f9 rgb(191,217,249)
```
#d1e4fb
```
#d1e4fb rgb(209,228,251)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#a6aab0
```
#a6aab0 rgb(166,170,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)
```
#85a7d1
```
#85a7d1 rgb(133,167,209)
```
#7fa7d7
```
#7fa7d7 rgb(127,167,215)
```
#78a6de
```
#78a6de rgb(120,166,222)
```
#72a5e4
```
#72a5e4 rgb(114,165,228)
```
#6ba5eb
```
#6ba5eb rgb(107,165,235)
```
#65a4f1
```
#65a4f1 rgb(101,164,241)
```
#5fa3f7
```
#5fa3f7 rgb(95,163,247)
```
#58a3fe
```
#58a3fe rgb(88,163,254)
```

Tone Color Variation

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

#8aa3ed Protanopia 1% of men
#7da5f3 Deuteranopia 1% of men
#51b3c0 Tritanopia 0.001% of the population

Trichromacy

#7da3ee Protanomaly 1% of men, 0.01% of women
#74a4f2 Deuteranomaly 6% of men, 0.4% of women
#58add1 Tritanomaly 0.01% of the population