#45d4fd Color Information
In a RGB color space, hex #45d4fd is composed of 27.1% red, 83.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 16.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 193.4 degrees, a saturation of 97.9% and a lightness of 63.1%. #45d4fd color hex could be obtained by blending #8affff with #00a9fb. Closest websafe color is: #33ccff.
-
- R 27
- G 83
- B 99
-
- C 73
- M 16
- Y 0
- K 1
● #45d4fd color description : Bright cyan.
#45d4fd Color Conversion
The hexadecimal color #45d4fd has RGB values of R:69, G:212, B:253 and CMYK values of C:0.73, M:0.16, Y:0, K:0.01. Its decimal value is 4576509.
Hex triplet | 45d4fd | #45d4fd |
---|---|---|
RGB Decimal | 69, 212, 253 | rgb(69,212,253) |
RGB Percent | 27.1, 83.1, 99.2 | rgb(27.1%,83.1%,99.2%) |
CMYK | 73, 16, 0, 1 | |
HSL | 193.4°, 97.9, 63.1 | hsl(193.4,97.9%,63.1%) |
HSV (or HSB) | 193.4°, 72.7, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 79.294, -24.776, -30.957 |
---|---|
XYZ | 43.723, 55.44, 101.32 |
xyY | 0.218, 0.277, 55.44 |
CIE-LCH | 79.294, 39.651, 231.329 |
CIE-LUV | 79.294, -51.065, -46.625 |
Hunter-Lab | 74.458, -25.485, -28.559 |
Binary | 01000101, 11010100, 11111101 |
Color Schemes with #45d4fd
Alternatives to #45d4fd
Below, you can see some colors close to #45d4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45d4fd Preview
This text has a font color of #45d4fd.
<span style="color:#45d4fd;">Text here</span>
This paragraph has a background color of #45d4fd.
<p style="background-color:#45d4fd;">Content here</p>
This element has a border color of #45d4fd.
<div style="border:1px solid #45d4fd;">Content here</div>
.text {color:#45d4fd;}
.background {background-color:#45d4fd;}
.border {border:1px solid #45d4fd;}
Shades and Tints of #45d4fd
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, #000608 is the darkest color, while #f4fcff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00151b
#00151b
rgb(0,21,27)
-
#01252f
#01252f
rgb(1,37,47)
-
#013442
#013442
rgb(1,52,66)
-
#014356
#014356
rgb(1,67,86)
-
#015269
#015269
rgb(1,82,105)
-
#01617d
#01617d
rgb(1,97,125)
-
#027090
#027090
rgb(2,112,144)
-
#027fa3
#027fa3
rgb(2,127,163)
-
#028eb7
#028eb7
rgb(2,142,183)
-
#029eca
#029eca
rgb(2,158,202)
-
#02adde
#02adde
rgb(2,173,222)
-
#03bcf1
#03bcf1
rgb(3,188,241)
-
#0bc7fc
#0bc7fc
rgb(11,199,252)
-
#1ecbfd
#1ecbfd
rgb(30,203,253)
-
#32d0fd
#32d0fd
rgb(50,208,253)
-
#45d4fd
#45d4fd
rgb(69,212,253)
-
#58d8fd
#58d8fd
rgb(88,216,253)
-
#6cddfd
#6cddfd
rgb(108,221,253)
-
#7fe1fe
#7fe1fe
rgb(127,225,254)
-
#93e6fe
#93e6fe
rgb(147,230,254)
-
#a6eafe
#a6eafe
rgb(166,234,254)
-
#b9effe
#b9effe
rgb(185,239,254)
-
#cdf3fe
#cdf3fe
rgb(205,243,254)
-
#e0f8ff
#e0f8ff
rgb(224,248,255)
-
#f4fcff
#f4fcff
rgb(244,252,255)
Tones of #45d4fd
A tone is produced by adding gray to any pure hue. In this case, #9ca4a6 is the less saturated color, while #45d4fd is the most saturated one.
-
#9ca4a6
#9ca4a6
rgb(156,164,166)
-
#95a8ad
#95a8ad
rgb(149,168,173)
-
#8dacb5
#8dacb5
rgb(141,172,181)
-
#86b0bc
#86b0bc
rgb(134,176,188)
-
#7fb4c3
#7fb4c3
rgb(127,180,195)
-
#78b8ca
#78b8ca
rgb(120,184,202)
-
#70bcd2
#70bcd2
rgb(112,188,210)
-
#69c0d9
#69c0d9
rgb(105,192,217)
-
#62c4e0
#62c4e0
rgb(98,196,224)
-
#5bc8e7
#5bc8e7
rgb(91,200,231)
-
#53ccef
#53ccef
rgb(83,204,239)
-
#4cd0f6
#4cd0f6
rgb(76,208,246)
-
#45d4fd
#45d4fd
rgb(69,212,253)
Color Blindness Simulator
Below, you can see how #45d4fd 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.