#65baf0 hex color

In a RGB color space, hex #65baf0 is composed of 39.6% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 203.3 degrees, a saturation of 82.2% and a lightness of 66.9%. #65baf0 color hex could be obtained by blending #caffff with #0075e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 40
- G 73
- B 94
RGB color chart
- C 58
- M 23
- Y 0
- K 6
CMYK color chart

● #65baf0 color description : Soft blue.

The hexadecimal color #65baf0 has RGB values of R:101, G:186, B:240 and CMYK values of C:0.58, M:0.23, Y:0, K:0.06. Its decimal value is 6666992.

Hex triplet	65baf0	`#65baf0`
RGB Decimal	101, 186, 240	`rgb(101,186,240)`
RGB Percent	39.6, 72.9, 94.1	`rgb(39.6%,72.9%,94.1%)`
CMYK	58, 23, 0, 6
HSL	203.3°, 82.2, 66.9	`hsl(203.3,82.2%,66.9%)`
HSV (or HSB)	203.3°, 57.9, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.344, -10.363, -34.628
XYZ	38.65, 44.173, 88.923
xyY	0.225, 0.257, 44.173
CIE-LCH	72.344, 36.145, 253.34
CIE-LUV	72.344, -35.862, -54.211
Hunter-Lab	66.463, -12.507, -32.802
Binary	01100101, 10111010, 11110000

#65baf0
```
#65baf0 rgb(101,186,240)
```
#f09b65
```
#f09b65 rgb(240,155,101)
```

Complementary Color

#65f0e1
```
#65f0e1 rgb(101,240,225)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#6575f0
```
#6575f0 rgb(101,117,240)
```

Analogous Color

#f0e165
```
#f0e165 rgb(240,225,101)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#f06575
```
#f06575 rgb(240,101,117)
```

Split Complementary Color

#baf065
```
#baf065 rgb(186,240,101)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#f065ba
```
#f065ba rgb(240,101,186)
```

Triadic Color

#65f09b
```
#65f09b rgb(101,240,155)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#f065ba
```
#f065ba rgb(240,101,186)
```
#f09b65
```
#f09b65 rgb(240,155,101)
```

Tetradic Color

#1f9be9
```
#1f9be9 rgb(31,155,233)
```
#37a5eb
```
#37a5eb rgb(55,165,235)
```
#4eb0ee
```
#4eb0ee rgb(78,176,238)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#7cc4f2
```
#7cc4f2 rgb(124,196,242)
```
#93cff5
```
#93cff5 rgb(147,207,245)
```
#abd9f7
```
#abd9f7 rgb(171,217,247)
```

Monochromatic Color

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

#65ddf0
```
#65ddf0 rgb(101,221,240)
```
#65d1f0
```
#65d1f0 rgb(101,209,240)
```
#65c6f0
```
#65c6f0 rgb(101,198,240)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#65aef0
```
#65aef0 rgb(101,174,240)
```
#65a3f0
```
#65a3f0 rgb(101,163,240)
```
#6597f0
```
#6597f0 rgb(101,151,240)
```

Similar Colors

Text with hexadecimal color #65baf0

This text has a font color of #65baf0.

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

#65baf0 background color

This paragraph has a background color of #65baf0.

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

#65baf0 border color

This element has a border color of #65baf0.

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

CSS codes

.text {color:#65baf0;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#021019
```
#021019 rgb(2,16,25)
```
#041c2b
```
#041c2b rgb(4,28,43)
```
#06273c
```
#06273c rgb(6,39,60)
```
#08334e
```
#08334e rgb(8,51,78)
```
#093e60
```
#093e60 rgb(9,62,96)
```
#0b4a72
```
#0b4a72 rgb(11,74,114)
```
#0d5684
```
#0d5684 rgb(13,86,132)
```
#0f6196
```
#0f6196 rgb(15,97,150)
```
#106da8
```
#106da8 rgb(16,109,168)
```
#1279ba
```
#1279ba rgb(18,121,186)
```
#1484cb
```
#1484cb rgb(20,132,203)
```
#1690dd
```
#1690dd rgb(22,144,221)
```

Shade Color Variation

#1e9ae9
```
#1e9ae9 rgb(30,154,233)
```
#2fa2eb
```
#2fa2eb rgb(47,162,235)
```
#41aaed
```
#41aaed rgb(65,170,237)
```
#53b2ee
```
#53b2ee rgb(83,178,238)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#77c2f2
```
#77c2f2 rgb(119,194,242)
```
#89caf3
```
#89caf3 rgb(137,202,243)
```
#9bd2f5
```
#9bd2f5 rgb(155,210,245)
```
#acdaf7
```
#acdaf7 rgb(172,218,247)
```
#bee2f9
```
#bee2f9 rgb(190,226,249)
```
#d0eafa
```
#d0eafa rgb(208,234,250)
```
#e2f2fc
```
#e2f2fc rgb(226,242,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#a6acaf
```
#a6acaf rgb(166,172,175)
```
#a0adb6
```
#a0adb6 rgb(160,173,182)
```
#99aebc
```
#99aebc rgb(153,174,188)
```
#93b0c3
```
#93b0c3 rgb(147,176,195)
```
#8cb1c9
```
#8cb1c9 rgb(140,177,201)
```
#86b3d0
```
#86b3d0 rgb(134,179,208)
```
#7fb4d6
```
#7fb4d6 rgb(127,180,214)
```
#79b6dd
```
#79b6dd rgb(121,182,221)
```
#72b7e3
```
#72b7e3 rgb(114,183,227)
```
#6cb9ea
```
#6cb9ea rgb(108,185,234)
```
#65baf0
```
#65baf0 rgb(101,186,240)
```
#5ebbf7
```
#5ebbf7 rgb(94,187,247)
```
#58bdfd
```
#58bdfd rgb(88,189,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9aabb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b3e9 Protanopia 1% of men
#9eb3f4 Deuteranopia 1% of men
#5cc3d1 Tritanopia 0.001% of the population

Trichromacy

#8eb5ec Protanomaly 1% of men, 0.01% of women
#89b5f2 Deuteranomaly 6% of men, 0.4% of women
#5fc0dc Tritanomaly 0.01% of the population

#65baf0 hex color

#65baf0 Color Information

#65baf0 Color Conversion

Color Schemes with #65baf0

Alternatives to #65baf0

#65baf0 Preview

Shades and Tints of #65baf0

Tones of #65baf0

Color Blindness Simulator