#66c4f5 Color Information
In a RGB color space, hex #66c4f5 is composed of 40% red, 76.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 20% magenta, 0% yellow and 3.9% black. It has a hue angle of 200.6 degrees, a saturation of 87.7% and a lightness of 68%. #66c4f5 color hex could be obtained by blending #ccffff with #0089eb. Closest websafe color is: #66ccff.
-
- R 40
- G 77
- B 96
-
- C 58
- M 20
- Y 0
- K 4
● #66c4f5 color description : Soft blue.
#66c4f5 Color Conversion
The hexadecimal color #66c4f5 has RGB values of R:102, G:196, B:245 and CMYK values of C:0.58, M:0.2, Y:0, K:0.04. Its decimal value is 6735093.
Hex triplet | 66c4f5 | #66c4f5 |
---|---|---|
RGB Decimal | 102, 196, 245 | rgb(102,196,245) |
RGB Percent | 40, 76.9, 96.1 | rgb(40%,76.9%,96.1%) |
CMYK | 58, 20, 0, 4 | |
HSL | 200.6°, 87.7, 68 | hsl(200.6,87.7%,68%) |
HSV (or HSB) | 200.6°, 58.4, 96.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 75.386, -13.984, -32.62 |
---|---|
XYZ | 41.697, 48.894, 93.621 |
xyY | 0.226, 0.265, 48.894 |
CIE-LCH | 75.386, 35.491, 246.796 |
CIE-LUV | 75.386, -39.097, -50.582 |
Hunter-Lab | 69.924, -15.926, -30.436 |
Binary | 01100110, 11000100, 11110101 |
Color Schemes with #66c4f5
Alternatives to #66c4f5
Below, you can see some colors close to #66c4f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66c4f5 Preview
This text has a font color of #66c4f5.
<span style="color:#66c4f5;">Text here</span>
This paragraph has a background color of #66c4f5.
<p style="background-color:#66c4f5;">Content here</p>
This element has a border color of #66c4f5.
<div style="border:1px solid #66c4f5;">Content here</div>
.text {color:#66c4f5;}
.background {background-color:#66c4f5;}
.border {border:1px solid #66c4f5;}
Shades and Tints of #66c4f5
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, #01090d is the darkest color, while #f9fdff is the lightest one.
-
#01090d
#01090d
rgb(1,9,13)
-
#02151f
#02151f
rgb(2,21,31)
-
#032232
#032232
rgb(3,34,50)
-
#042e44
#042e44
rgb(4,46,68)
-
#063b56
#063b56
rgb(6,59,86)
-
#074769
#074769
rgb(7,71,105)
-
#08547b
#08547b
rgb(8,84,123)
-
#09608e
#09608e
rgb(9,96,142)
-
#0a6da0
#0a6da0
rgb(10,109,160)
-
#0c79b2
#0c79b2
rgb(12,121,178)
-
#0d86c5
#0d86c5
rgb(13,134,197)
-
#0e92d7
#0e92d7
rgb(14,146,215)
-
#0f9fea
#0f9fea
rgb(15,159,234)
-
#1ca8f0
#1ca8f0
rgb(28,168,240)
-
#2faff1
#2faff1
rgb(47,175,241)
-
#41b6f3
#41b6f3
rgb(65,182,243)
-
#54bdf4
#54bdf4
rgb(84,189,244)
-
#66c4f5
#66c4f5
rgb(102,196,245)
-
#78cbf6
#78cbf6
rgb(120,203,246)
-
#8bd2f7
#8bd2f7
rgb(139,210,247)
-
#9dd9f9
#9dd9f9
rgb(157,217,249)
-
#b0e0fa
#b0e0fa
rgb(176,224,250)
-
#c2e8fb
#c2e8fb
rgb(194,232,251)
-
#d4effc
#d4effc
rgb(212,239,252)
-
#e7f6fd
#e7f6fd
rgb(231,246,253)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #66c4f5
A tone is produced by adding gray to any pure hue. In this case, #abaeb0 is the less saturated color, while #60c6fb is the most saturated one.
-
#abaeb0
#abaeb0
rgb(171,174,176)
-
#a5b0b6
#a5b0b6
rgb(165,176,182)
-
#9eb2bd
#9eb2bd
rgb(158,178,189)
-
#98b4c3
#98b4c3
rgb(152,180,195)
-
#92b6c9
#92b6c9
rgb(146,182,201)
-
#8cb8cf
#8cb8cf
rgb(140,184,207)
-
#85bad6
#85bad6
rgb(133,186,214)
-
#7fbcdc
#7fbcdc
rgb(127,188,220)
-
#79bee2
#79bee2
rgb(121,190,226)
-
#73c0e8
#73c0e8
rgb(115,192,232)
-
#6cc2ef
#6cc2ef
rgb(108,194,239)
-
#66c4f5
#66c4f5
rgb(102,196,245)
-
#60c6fb
#60c6fb
rgb(96,198,251)
Color Blindness Simulator
Below, you can see how #66c4f5 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.