#65b2f4 Color Information
In a RGB color space, hex #65b2f4 is composed of 39.6% red, 69.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 27% magenta, 0% yellow and 4.3% black. It has a hue angle of 207.7 degrees, a saturation of 86.7% and a lightness of 67.6%. #65b2f4 color hex could be obtained by blending #caffff with #0065e9. Closest websafe color is: #6699ff.
-
- R 40
- G 70
- B 96
-
- C 59
- M 27
- Y 0
- K 4
● #65b2f4 color description : Soft blue.
#65b2f4 Color Conversion
The hexadecimal color #65b2f4 has RGB values of R:101, G:178, B:244 and CMYK values of C:0.59, M:0.27, Y:0, K:0.04. Its decimal value is 6664948.
Hex triplet | 65b2f4 | #65b2f4 |
---|---|---|
RGB Decimal | 101, 178, 244 | rgb(101,178,244) |
RGB Percent | 39.6, 69.8, 95.7 | rgb(39.6%,69.8%,95.7%) |
CMYK | 59, 27, 0, 4 | |
HSL | 207.7°, 86.7, 67.6 | hsl(207.7,86.7%,67.6%) |
HSV (or HSB) | 207.7°, 58.6, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 70.272, -4.774, -40.018 |
---|---|
XYZ | 37.612, 41.137, 91.541 |
xyY | 0.221, 0.242, 41.137 |
CIE-LCH | 70.272, 40.302, 263.197 |
CIE-LUV | 70.272, -32.834, -63.886 |
Hunter-Lab | 64.138, -7.563, -39.725 |
Binary | 01100101, 10110010, 11110100 |
Color Schemes with #65b2f4
Alternatives to #65b2f4
Below, you can see some colors close to #65b2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#65b2f4 Preview
This text has a font color of #65b2f4.
<span style="color:#65b2f4;">Text here</span>
This paragraph has a background color of #65b2f4.
<p style="background-color:#65b2f4;">Content here</p>
This element has a border color of #65b2f4.
<div style="border:1px solid #65b2f4;">Content here</div>
.text {color:#65b2f4;}
.background {background-color:#65b2f4;}
.border {border:1px solid #65b2f4;}
Shades and Tints of #65b2f4
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, #01060b is the darkest color, while #f7fbfe is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02111d
#02111d
rgb(2,17,29)
-
#031b2f
#031b2f
rgb(3,27,47)
-
#052642
#052642
rgb(5,38,66)
-
#063054
#063054
rgb(6,48,84)
-
#073a66
#073a66
rgb(7,58,102)
-
#094579
#094579
rgb(9,69,121)
-
#0a4f8b
#0a4f8b
rgb(10,79,139)
-
#0b5a9d
#0b5a9d
rgb(11,90,157)
-
#0d64b0
#0d64b0
rgb(13,100,176)
-
#0e6fc2
#0e6fc2
rgb(14,111,194)
-
#0f79d4
#0f79d4
rgb(15,121,212)
-
#1084e6
#1084e6
rgb(16,132,230)
-
#1c8def
#1c8def
rgb(28,141,239)
-
#2e97f0
#2e97f0
rgb(46,151,240)
-
#40a0f1
#40a0f1
rgb(64,160,241)
-
#53a9f3
#53a9f3
rgb(83,169,243)
-
#65b2f4
#65b2f4
rgb(101,178,244)
-
#77bbf5
#77bbf5
rgb(119,187,245)
-
#8ac4f7
#8ac4f7
rgb(138,196,247)
-
#9ccdf8
#9ccdf8
rgb(156,205,248)
-
#aed7f9
#aed7f9
rgb(174,215,249)
-
#c1e0fb
#c1e0fb
rgb(193,224,251)
-
#d3e9fc
#d3e9fc
rgb(211,233,252)
-
#e5f2fd
#e5f2fd
rgb(229,242,253)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #65b2f4
A tone is produced by adding gray to any pure hue. In this case, #abadae is the less saturated color, while #5fb2fa is the most saturated one.
-
#abadae
#abadae
rgb(171,173,174)
-
#a4adb5
#a4adb5
rgb(164,173,181)
-
#9eaebb
#9eaebb
rgb(158,174,187)
-
#98aec1
#98aec1
rgb(152,174,193)
-
#91afc8
#91afc8
rgb(145,175,200)
-
#8bafce
#8bafce
rgb(139,175,206)
-
#85b0d4
#85b0d4
rgb(133,176,212)
-
#7eb0db
#7eb0db
rgb(126,176,219)
-
#78b1e1
#78b1e1
rgb(120,177,225)
-
#72b1e7
#72b1e7
rgb(114,177,231)
-
#6bb2ee
#6bb2ee
rgb(107,178,238)
-
#65b2f4
#65b2f4
rgb(101,178,244)
-
#5fb2fa
#5fb2fa
rgb(95,178,250)
Color Blindness Simulator
Below, you can see how #65b2f4 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.