#45c1f4 Color Information
In a RGB color space, hex #45c1f4 is composed of 27.1% red, 75.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 20.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 197.5 degrees, a saturation of 88.8% and a lightness of 61.4%. #45c1f4 color hex could be obtained by blending #8affff with #0083e9. Closest websafe color is: #33ccff.
-
- R 27
- G 76
- B 96
-
- C 72
- M 21
- Y 0
- K 4
● #45c1f4 color description : Bright blue.
#45c1f4 Color Conversion
The hexadecimal color #45c1f4 has RGB values of R:69, G:193, B:244 and CMYK values of C:0.72, M:0.21, Y:0, K:0.04. Its decimal value is 4571636.
Hex triplet | 45c1f4 | #45c1f4 |
---|---|---|
RGB Decimal | 69, 193, 244 | rgb(69,193,244) |
RGB Percent | 27.1, 75.7, 95.7 | rgb(27.1%,75.7%,95.7%) |
CMYK | 72, 21, 0, 4 | |
HSL | 197.5°, 88.8, 61.4 | hsl(197.5,88.8%,61.4%) |
HSV (or HSB) | 197.5°, 71.7, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 73.502, -17.932, -35.073 |
---|---|
XYZ | 37.849, 45.934, 92.454 |
xyY | 0.215, 0.261, 45.934 |
CIE-LCH | 73.502, 39.392, 242.921 |
CIE-LUV | 73.502, -44.985, -54.15 |
Hunter-Lab | 67.774, -18.92, -33.438 |
Binary | 01000101, 11000001, 11110100 |
Color Schemes with #45c1f4
Alternatives to #45c1f4
Below, you can see some colors close to #45c1f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45c1f4 Preview
This text has a font color of #45c1f4.
<span style="color:#45c1f4;">Text here</span>
This paragraph has a background color of #45c1f4.
<p style="background-color:#45c1f4;">Content here</p>
This element has a border color of #45c1f4.
<div style="border:1px solid #45c1f4;">Content here</div>
.text {color:#45c1f4;}
.background {background-color:#45c1f4;}
.border {border:1px solid #45c1f4;}
Shades and Tints of #45c1f4
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, #010d12 is the darkest color, while #feffff is the lightest one.
-
#010d12
#010d12
rgb(1,13,18)
-
#021a24
#021a24
rgb(2,26,36)
-
#032837
#032837
rgb(3,40,55)
-
#043549
#043549
rgb(4,53,73)
-
#05435c
#05435c
rgb(5,67,92)
-
#07506e
#07506e
rgb(7,80,110)
-
#085e81
#085e81
rgb(8,94,129)
-
#096b93
#096b93
rgb(9,107,147)
-
#0a78a6
#0a78a6
rgb(10,120,166)
-
#0b86b8
#0b86b8
rgb(11,134,184)
-
#0c93cb
#0c93cb
rgb(12,147,203)
-
#0da1dd
#0da1dd
rgb(13,161,221)
-
#0eaef0
#0eaef0
rgb(14,174,240)
-
#20b5f2
#20b5f2
rgb(32,181,242)
-
#32bbf3
#32bbf3
rgb(50,187,243)
-
#45c1f4
#45c1f4
rgb(69,193,244)
-
#58c7f5
#58c7f5
rgb(88,199,245)
-
#6acdf6
#6acdf6
rgb(106,205,246)
-
#7dd4f7
#7dd4f7
rgb(125,212,247)
-
#8fdaf8
#8fdaf8
rgb(143,218,248)
-
#a2e0f9
#a2e0f9
rgb(162,224,249)
-
#b4e6fb
#b4e6fb
rgb(180,230,251)
-
#c7ecfc
#c7ecfc
rgb(199,236,252)
-
#d9f2fd
#d9f2fd
rgb(217,242,253)
-
#ecf9fe
#ecf9fe
rgb(236,249,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #45c1f4
A tone is produced by adding gray to any pure hue. In this case, #989ea1 is the less saturated color, while #3dc4fc is the most saturated one.
-
#989ea1
#989ea1
rgb(152,158,161)
-
#91a1a8
#91a1a8
rgb(145,161,168)
-
#89a5b0
#89a5b0
rgb(137,165,176)
-
#82a8b7
#82a8b7
rgb(130,168,183)
-
#7aabbf
#7aabbf
rgb(122,171,191)
-
#72aec7
#72aec7
rgb(114,174,199)
-
#6bb1ce
#6bb1ce
rgb(107,177,206)
-
#63b4d6
#63b4d6
rgb(99,180,214)
-
#5cb8dd
#5cb8dd
rgb(92,184,221)
-
#54bbe5
#54bbe5
rgb(84,187,229)
-
#4dbeec
#4dbeec
rgb(77,190,236)
-
#45c1f4
#45c1f4
rgb(69,193,244)
-
#3dc4fc
#3dc4fc
rgb(61,196,252)
Color Blindness Simulator
Below, you can see how #45c1f4 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.