#97b4f0 Color Information
In a RGB color space, hex #97b4f0 is composed of 59.2% red, 70.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 25% magenta, 0% yellow and 5.9% black. It has a hue angle of 220.4 degrees, a saturation of 74.8% and a lightness of 76.7%. #97b4f0 color hex could be obtained by blending #ffffff with #2f69e1. Closest websafe color is: #99ccff.
-
- R 59
- G 71
- B 94
-
- C 37
- M 25
- Y 0
- K 6
● #97b4f0 color description : Very soft blue.
#97b4f0 Color Conversion
The hexadecimal color #97b4f0 has RGB values of R:151, G:180, B:240 and CMYK values of C:0.37, M:0.25, Y:0, K:0.06. Its decimal value is 9942256.
Hex triplet | 97b4f0 | #97b4f0 |
---|---|---|
RGB Decimal | 151, 180, 240 | rgb(151,180,240) |
RGB Percent | 59.2, 70.6, 94.1 | rgb(59.2%,70.6%,94.1%) |
CMYK | 37, 25, 0, 6 | |
HSL | 220.4°, 74.8, 76.7 | hsl(220.4,74.8%,76.7%) |
HSV (or HSB) | 220.4°, 37.1, 94.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 73.228, 4.543, -33.058 |
---|---|
XYZ | 44.809, 45.512, 88.857 |
xyY | 0.25, 0.254, 45.512 |
CIE-LCH | 73.228, 33.369, 277.825 |
CIE-LUV | 73.228, -16.691, -53.578 |
Hunter-Lab | 67.462, 0.501, -30.869 |
Binary | 10010111, 10110100, 11110000 |
Color Schemes with #97b4f0
Alternatives to #97b4f0
Below, you can see some colors close to #97b4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#97b4f0 Preview
This text has a font color of #97b4f0.
<span style="color:#97b4f0;">Text here</span>
This paragraph has a background color of #97b4f0.
<p style="background-color:#97b4f0;">Content here</p>
This element has a border color of #97b4f0.
<div style="border:1px solid #97b4f0;">Content here</div>
.text {color:#97b4f0;}
.background {background-color:#97b4f0;}
.border {border:1px solid #97b4f0;}
Shades and Tints of #97b4f0
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, #020710 is the darkest color, while #fefeff is the lightest one.
-
#020710
#020710
rgb(2,7,16)
-
#050e21
#050e21
rgb(5,14,33)
-
#071532
#071532
rgb(7,21,50)
-
#0a1d43
#0a1d43
rgb(10,29,67)
-
#0c2455
#0c2455
rgb(12,36,85)
-
#0f2b66
#0f2b66
rgb(15,43,102)
-
#113277
#113277
rgb(17,50,119)
-
#143a88
#143a88
rgb(20,58,136)
-
#164199
#164199
rgb(22,65,153)
-
#1948aa
#1948aa
rgb(25,72,170)
-
#1b4fbb
#1b4fbb
rgb(27,79,187)
-
#1e57cd
#1e57cd
rgb(30,87,205)
-
#205ede
#205ede
rgb(32,94,222)
-
#306ae1
#306ae1
rgb(48,106,225)
-
#4176e4
#4176e4
rgb(65,118,228)
-
#5283e6
#5283e6
rgb(82,131,230)
-
#648fe9
#648fe9
rgb(100,143,233)
-
#759beb
#759beb
rgb(117,155,235)
-
#86a8ee
#86a8ee
rgb(134,168,238)
-
#97b4f0
#97b4f0
rgb(151,180,240)
-
#a8c0f2
#a8c0f2
rgb(168,192,242)
-
#b9cdf5
#b9cdf5
rgb(185,205,245)
-
#cad9f7
#cad9f7
rgb(202,217,247)
-
#dce5fa
#dce5fa
rgb(220,229,250)
-
#edf2fc
#edf2fc
rgb(237,242,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #97b4f0
A tone is produced by adding gray to any pure hue. In this case, #c0c2c7 is the less saturated color, while #89affe is the most saturated one.
-
#c0c2c7
#c0c2c7
rgb(192,194,199)
-
#bcc1cb
#bcc1cb
rgb(188,193,203)
-
#b7bfd0
#b7bfd0
rgb(183,191,208)
-
#b2bed5
#b2bed5
rgb(178,190,213)
-
#aebcd9
#aebcd9
rgb(174,188,217)
-
#a9bade
#a9bade
rgb(169,186,222)
-
#a5b9e2
#a5b9e2
rgb(165,185,226)
-
#a0b7e7
#a0b7e7
rgb(160,183,231)
-
#9cb6eb
#9cb6eb
rgb(156,182,235)
-
#97b4f0
#97b4f0
rgb(151,180,240)
-
#92b2f5
#92b2f5
rgb(146,178,245)
-
#8eb1f9
#8eb1f9
rgb(142,177,249)
-
#89affe
#89affe
rgb(137,175,254)
Color Blindness Simulator
Below, you can see how #97b4f0 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.