colorhexa.com

#45f1fc hex color

In a RGB color space, hex #45f1fc is composed of 27.1% red, 94.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 4.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 183.6 degrees, a saturation of 96.8% and a lightness of 62.9%. #45f1fc color hex could be obtained by blending #8affff with #00e3f9. Closest websafe color is: #33ffff.

- R 27
- G 95
- B 99
RGB color chart
- C 73
- M 4
- Y 0
- K 1
CMYK color chart

● #45f1fc color description : Bright cyan.

The hexadecimal color #45f1fc has RGB values of R:69, G:241, B:252 and CMYK values of C:0.73, M:0.04, Y:0, K:0.01. Its decimal value is 4583932.

Hex triplet	45f1fc	`#45f1fc`
RGB Decimal	69, 241, 252	`rgb(69,241,252)`
RGB Percent	27.1, 94.5, 98.8	`rgb(27.1%,94.5%,98.8%)`
CMYK	73, 4, 0, 1
HSL	183.6°, 96.8, 62.9	`hsl(183.6,96.8%,62.9%)`
HSV (or HSB)	183.6°, 72.6, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.582, -38.915, -17.818
XYZ	51.475, 71.199, 103.12
xyY	0.228, 0.315, 71.199
CIE-LCH	87.582, 42.8, 204.602
CIE-LUV	87.582, -61.181, -22.612
Hunter-Lab	84.38, -38.772, -13.392
Binary	01000101, 11110001, 11111100

#45f1fc
```
#45f1fc rgb(69,241,252)
```
#fc5045
```
#fc5045 rgb(252,80,69)
```

Complementary Color

#45fcac
```
#45fcac rgb(69,252,172)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#4596fc
```
#4596fc rgb(69,150,252)
```

Analogous Color

#fcac45
```
#fcac45 rgb(252,172,69)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#fc4596
```
#fc4596 rgb(252,69,150)
```

Split Complementary Color

#f1fc45
```
#f1fc45 rgb(241,252,69)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#fc45f1
```
#fc45f1 rgb(252,69,241)
```

Triadic Color

#45fc50
```
#45fc50 rgb(69,252,80)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#fc45f1
```
#fc45f1 rgb(252,69,241)
```
#fc5045
```
#fc5045 rgb(252,80,69)
```

Tetradic Color

#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#13edfb
```
#13edfb rgb(19,237,251)
```
#2ceffc
```
#2ceffc rgb(44,239,252)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#5ef3fc
```
#5ef3fc rgb(94,243,252)
```
#77f5fd
```
#77f5fd rgb(119,245,253)
```
#90f7fd
```
#90f7fd rgb(144,247,253)
```

Monochromatic Color

Below, you can see some colors close to #45f1fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#45fcd9
```
#45fcd9 rgb(69,252,217)
```
#45fce9
```
#45fce9 rgb(69,252,233)
```
#45fcf8
```
#45fcf8 rgb(69,252,248)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#45e2fc
```
#45e2fc rgb(69,226,252)
```
#45d3fc
```
#45d3fc rgb(69,211,252)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```

Similar Colors

Text with hexadecimal color #45f1fc

This text has a font color of #45f1fc.

<span style="color:#45f1fc;">Text here</span>

#45f1fc background color

This paragraph has a background color of #45f1fc.

<p style="background-color:#45f1fc;">Content here</p>

#45f1fc border color

This element has a border color of #45f1fc.

<div style="border:1px solid #45f1fc;">Content here</div>

CSS codes

.text {color:#45f1fc;}

.background {background-color:#45f1fc;}

.border {border:1px solid #45f1fc;}

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, #000707 is the darkest color, while #f3feff is the lightest one.

#000707
```
#000707 rgb(0,7,7)
```
#00191a
```
#00191a rgb(0,25,26)
```
#012b2e
```
#012b2e rgb(1,43,46)
```
#013d41
```
#013d41 rgb(1,61,65)
```
#014f54
```
#014f54 rgb(1,79,84)
```
#026168
```
#026168 rgb(2,97,104)
```
#02747b
```
#02747b rgb(2,116,123)
```
#02868e
```
#02868e rgb(2,134,142)
```
#0398a1
```
#0398a1 rgb(3,152,161)
```
#03aab5
```
#03aab5 rgb(3,170,181)
```
#03bcc8
```
#03bcc8 rgb(3,188,200)
```
#04cedb
```
#04cedb rgb(4,206,219)
```
#04e1ef
```
#04e1ef rgb(4,225,239)
```

Shade Color Variation

#0bedfb
```
#0bedfb rgb(11,237,251)
```
#1eeefb
```
#1eeefb rgb(30,238,251)
```
#32f0fc
```
#32f0fc rgb(50,240,252)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```
#58f2fc
```
#58f2fc rgb(88,242,252)
```
#6cf4fd
```
#6cf4fd rgb(108,244,253)
```
#7ff5fd
```
#7ff5fd rgb(127,245,253)
```
#92f7fd
```
#92f7fd rgb(146,247,253)
```
#a6f8fe
```
#a6f8fe rgb(166,248,254)
```
#b9fafe
```
#b9fafe rgb(185,250,254)
```
#ccfbfe
```
#ccfbfe rgb(204,251,254)
```
#dffdfe
```
#dffdfe rgb(223,253,254)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca4a5 is the less saturated color, while #45f1fc is the most saturated one.

#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#95abac
```
#95abac rgb(149,171,172)
```
#8eb1b3
```
#8eb1b3 rgb(142,177,179)
```
#86b7bb
```
#86b7bb rgb(134,183,187)
```
#7fbec2
```
#7fbec2 rgb(127,190,194)
```
#78c4c9
```
#78c4c9 rgb(120,196,201)
```
#71cbd0
```
#71cbd0 rgb(113,203,208)
```
#69d1d8
```
#69d1d8 rgb(105,209,216)
```
#62d7df
```
#62d7df rgb(98,215,223)
```
#5bdee6
```
#5bdee6 rgb(91,222,230)
```
#54e4ed
```
#54e4ed rgb(84,228,237)
```
#4cebf5
```
#4cebf5 rgb(76,235,245)
```
#45f1fc
```
#45f1fc rgb(69,241,252)
```

Tone Color Variation

Below, you can see how #45f1fc 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.

Monochromacy

#bfbfbf Achromatopsia 0.005% of the population
#a7c9cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdbef Protanopia 1% of men
#ddd9ff Deuteranopia 1% of men
#6eeeff Tritanopia 0.001% of the population

Trichromacy

#a4e3f4 Protanomaly 1% of men, 0.01% of women
#a5e2fd Deuteranomaly 6% of men, 0.4% of women
#5feffd Tritanomaly 0.01% of the population