#45f3fc hex color

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

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

● #45f3fc color description : Bright cyan.

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

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

CIE-LAB	88.156, -39.825, -16.954
XYZ	52.07, 72.39, 103.318
xyY	0.229, 0.318, 72.39
CIE-LCH	88.156, 43.284, 203.06
CIE-LUV	88.156, -61.87, -21.041
Hunter-Lab	85.082, -39.652, -12.44
Binary	01000101, 11110011, 11111100

#45f3fc
```
#45f3fc rgb(69,243,252)
```
#fc4e45
```
#fc4e45 rgb(252,78,69)
```

Complementary Color

#45fcaa
```
#45fcaa rgb(69,252,170)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#4598fc
```
#4598fc rgb(69,152,252)
```

Analogous Color

#fcaa45
```
#fcaa45 rgb(252,170,69)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#fc4598
```
#fc4598 rgb(252,69,152)
```

Split Complementary Color

#f3fc45
```
#f3fc45 rgb(243,252,69)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#fc45f3
```
#fc45f3 rgb(252,69,243)
```

Triadic Color

#45fc4e
```
#45fc4e rgb(69,252,78)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#fc45f3
```
#fc45f3 rgb(252,69,243)
```
#fc4e45
```
#fc4e45 rgb(252,78,69)
```

Tetradic Color

#04e5f1
```
#04e5f1 rgb(4,229,241)
```
#13f0fb
```
#13f0fb rgb(19,240,251)
```
#2cf1fc
```
#2cf1fc rgb(44,241,252)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#5ef5fc
```
#5ef5fc rgb(94,245,252)
```
#77f6fd
```
#77f6fd rgb(119,246,253)
```
#90f8fd
```
#90f8fd rgb(144,248,253)
```

Monochromatic Color

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

#45fcd7
```
#45fcd7 rgb(69,252,215)
```
#45fce7
```
#45fce7 rgb(69,252,231)
```
#45fcf6
```
#45fcf6 rgb(69,252,246)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#45e4fc
```
#45e4fc rgb(69,228,252)
```
#45d5fc
```
#45d5fc rgb(69,213,252)
```
#45c5fc
```
#45c5fc rgb(69,197,252)
```

Similar Colors

Text with hexadecimal color #45f3fc

This text has a font color of #45f3fc.

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

#45f3fc background color

This paragraph has a background color of #45f3fc.

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

#45f3fc border color

This element has a border color of #45f3fc.

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

CSS codes

.text {color:#45f3fc;}

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

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

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)
```
#013e41
```
#013e41 rgb(1,62,65)
```
#015054
```
#015054 rgb(1,80,84)
```
#026368
```
#026368 rgb(2,99,104)
```
#02757b
```
#02757b rgb(2,117,123)
```
#02878e
```
#02878e rgb(2,135,142)
```
#039aa1
```
#039aa1 rgb(3,154,161)
```
#03acb5
```
#03acb5 rgb(3,172,181)
```
#03bec8
```
#03bec8 rgb(3,190,200)
```
#04d1db
```
#04d1db rgb(4,209,219)
```
#04e3ef
```
#04e3ef rgb(4,227,239)
```

Shade Color Variation

#0beffb
```
#0beffb rgb(11,239,251)
```
#1ef1fb
```
#1ef1fb rgb(30,241,251)
```
#32f2fc
```
#32f2fc rgb(50,242,252)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```
#58f4fc
```
#58f4fc rgb(88,244,252)
```
#6cf5fd
```
#6cf5fd rgb(108,245,253)
```
#7ff7fd
```
#7ff7fd rgb(127,247,253)
```
#92f8fd
```
#92f8fd rgb(146,248,253)
```
#a6f9fe
```
#a6f9fe rgb(166,249,254)
```
#b9fafe
```
#b9fafe rgb(185,250,254)
```
#ccfcfe
```
#ccfcfe rgb(204,252,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 #45f3fc is the most saturated one.

#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#95abac
```
#95abac rgb(149,171,172)
```
#8eb1b3
```
#8eb1b3 rgb(142,177,179)
```
#86b8bb
```
#86b8bb rgb(134,184,187)
```
#7fbfc2
```
#7fbfc2 rgb(127,191,194)
```
#78c5c9
```
#78c5c9 rgb(120,197,201)
```
#71ccd0
```
#71ccd0 rgb(113,204,208)
```
#69d2d8
```
#69d2d8 rgb(105,210,216)
```
#62d9df
```
#62d9df rgb(98,217,223)
```
#5bdfe6
```
#5bdfe6 rgb(91,223,230)
```
#54e6ed
```
#54e6ed rgb(84,230,237)
```
#4cecf5
```
#4cecf5 rgb(76,236,245)
```
#45f3fc
```
#45f3fc rgb(69,243,252)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#a7cacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddddef Protanopia 1% of men
#dfdbff Deuteranopia 1% of men
#79efff Tritanopia 0.001% of the population

Trichromacy

#a6e5f3 Protanomaly 1% of men, 0.01% of women
#a7e3fd Deuteranomaly 6% of men, 0.4% of women
#66f0fd Tritanomaly 0.01% of the population

#45f3fc hex color

#45f3fc Color Information

#45f3fc Color Conversion

Color Schemes with #45f3fc

Alternatives to #45f3fc

#45f3fc Preview

Shades and Tints of #45f3fc

Tones of #45f3fc

Color Blindness Simulator