#65b2f1 hex color

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

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

● #65b2f1 color description : Soft blue.

The hexadecimal color #65b2f1 has RGB values of R:101, G:178, B:241 and CMYK values of C:0.58, M:0.26, Y:0, K:0.05. Its decimal value is 6664945.

Hex triplet	65b2f1	`#65b2f1`
RGB Decimal	101, 178, 241	`rgb(101,178,241)`
RGB Percent	39.6, 69.8, 94.5	`rgb(39.6%,69.8%,94.5%)`
CMYK	58, 26, 0, 5
HSL	207°, 83.3, 67.1	`hsl(207,83.3%,67.1%)`
HSV (or HSB)	207°, 58.1, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.145, -5.705, -38.586
XYZ	37.161, 40.956, 89.161
xyY	0.222, 0.245, 40.956
CIE-LCH	70.145, 39.006, 261.59
CIE-LUV	70.145, -32.913, -61.313
Hunter-Lab	63.997, -8.346, -37.806
Binary	01100101, 10110010, 11110001

#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#f1a465
```
#f1a465 rgb(241,164,101)
```

Complementary Color

#65f1ea
```
#65f1ea rgb(101,241,234)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#656cf1
```
#656cf1 rgb(101,108,241)
```

Analogous Color

#f1ea65
```
#f1ea65 rgb(241,234,101)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#f1656c
```
#f1656c rgb(241,101,108)
```

Split Complementary Color

#b2f165
```
#b2f165 rgb(178,241,101)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#f165b2
```
#f165b2 rgb(241,101,178)
```

Triadic Color

#65f1a4
```
#65f1a4 rgb(101,241,164)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#f165b2
```
#f165b2 rgb(241,101,178)
```
#f1a465
```
#f1a465 rgb(241,164,101)
```

Tetradic Color

#1f8feb
```
#1f8feb rgb(31,143,235)
```
#369bed
```
#369bed rgb(54,155,237)
```
#4ea6ef
```
#4ea6ef rgb(78,166,239)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#7cbef3
```
#7cbef3 rgb(124,190,243)
```
#94c9f5
```
#94c9f5 rgb(148,201,245)
```
#abd5f7
```
#abd5f7 rgb(171,213,247)
```

Monochromatic Color

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

#65d5f1
```
#65d5f1 rgb(101,213,241)
```
#65c9f1
```
#65c9f1 rgb(101,201,241)
```
#65bef1
```
#65bef1 rgb(101,190,241)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#65a6f1
```
#65a6f1 rgb(101,166,241)
```
#659bf1
```
#659bf1 rgb(101,155,241)
```
#658ff1
```
#658ff1 rgb(101,143,241)
```

Similar Colors

Text with hexadecimal color #65b2f1

This text has a font color of #65b2f1.

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

#65b2f1 background color

This paragraph has a background color of #65b2f1.

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

#65b2f1 border color

This element has a border color of #65b2f1.

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

CSS codes

.text {color:#65b2f1;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#020f1a
```
#020f1a rgb(2,15,26)
```
#041a2c
```
#041a2c rgb(4,26,44)
```
#06243e
```
#06243e rgb(6,36,62)
```
#072f50
```
#072f50 rgb(7,47,80)
```
#093a62
```
#093a62 rgb(9,58,98)
```
#0b4474
```
#0b4474 rgb(11,68,116)
```
#0c4f86
```
#0c4f86 rgb(12,79,134)
```
#0e5a98
```
#0e5a98 rgb(14,90,152)
```
#0f64aa
```
#0f64aa rgb(15,100,170)
```
#116fbc
```
#116fbc rgb(17,111,188)
```
#137ace
```
#137ace rgb(19,122,206)
```
#1484e0
```
#1484e0 rgb(20,132,224)
```

Shade Color Variation

#1d8eea
```
#1d8eea rgb(29,142,234)
```
#2f97ec
```
#2f97ec rgb(47,151,236)
```
#41a0ee
```
#41a0ee rgb(65,160,238)
```
#53a9ef
```
#53a9ef rgb(83,169,239)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#77bbf3
```
#77bbf3 rgb(119,187,243)
```
#89c4f4
```
#89c4f4 rgb(137,196,244)
```
#9bcdf6
```
#9bcdf6 rgb(155,205,246)
```
#add6f8
```
#add6f8 rgb(173,214,248)
```
#bfdff9
```
#bfdff9 rgb(191,223,249)
```
#d1e8fb
```
#d1e8fb rgb(209,232,251)
```
#e3f1fc
```
#e3f1fc rgb(227,241,252)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#a6acb0
```
#a6acb0 rgb(166,172,176)
```
#9facb7
```
#9facb7 rgb(159,172,183)
```
#99adbd
```
#99adbd rgb(153,173,189)
```
#92adc4
```
#92adc4 rgb(146,173,196)
```
#8caeca
```
#8caeca rgb(140,174,202)
```
#85afd1
```
#85afd1 rgb(133,175,209)
```
#7fafd7
```
#7fafd7 rgb(127,175,215)
```
#78b0de
```
#78b0de rgb(120,176,222)
```
#72b1e4
```
#72b1e4 rgb(114,177,228)
```
#6bb1eb
```
#6bb1eb rgb(107,177,235)
```
#65b2f1
```
#65b2f1 rgb(101,178,241)
```
#5fb3f7
```
#5fb3f7 rgb(95,179,247)
```
#58b3fe
```
#58b3fe rgb(88,179,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#96a5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9badeb Protanopia 1% of men
#92aef4 Deuteranopia 1% of men
#57bdcb Tritanopia 0.001% of the population

Trichromacy

#87afed Protanomaly 1% of men, 0.01% of women
#82aff3 Deuteranomaly 6% of men, 0.4% of women
#5cb9d9 Tritanomaly 0.01% of the population

#65b2f1 hex color

#65b2f1 Color Information

#65b2f1 Color Conversion

Color Schemes with #65b2f1

Alternatives to #65b2f1

#65b2f1 Preview

Shades and Tints of #65b2f1

Tones of #65b2f1

Color Blindness Simulator