#45f6fb hex color

In a RGB color space, hex #45f6fb is composed of 27.1% red, 96.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 2% magenta, 0% yellow and 1.6% black. It has a hue angle of 181.6 degrees, a saturation of 95.8% and a lightness of 62.7%. #45f6fb color hex could be obtained by blending #8affff with #00edf7. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 27
- G 96
- B 98
RGB color chart
- C 73
- M 2
- Y 0
- K 2
CMYK color chart

● #45f6fb color description : Bright cyan.

The hexadecimal color #45f6fb has RGB values of R:69, G:246, B:251 and CMYK values of C:0.73, M:0.02, Y:0, K:0.02. Its decimal value is 4585211.

Hex triplet	45f6fb	`#45f6fb`
RGB Decimal	69, 246, 251	`rgb(69,246,251)`
RGB Percent	27.1, 96.5, 98.4	`rgb(27.1%,96.5%,98.4%)`
CMYK	73, 2, 0, 2
HSL	181.6°, 95.8, 62.7	`hsl(181.6,95.8%,62.7%)`
HSV (or HSB)	181.6°, 72.5, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.987, -41.46, -15.184
XYZ	52.817, 74.137, 102.788
xyY	0.23, 0.323, 74.137
CIE-LCH	88.987, 44.153, 200.114
CIE-LUV	88.987, -62.972, -17.854
Hunter-Lab	86.103, -41.184, -10.507
Binary	01000101, 11110110, 11111011

#45f6fb
```
#45f6fb rgb(69,246,251)
```
#fb4a45
```
#fb4a45 rgb(251,74,69)
```

Complementary Color

#45fba5
```
#45fba5 rgb(69,251,165)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#459bfb
```
#459bfb rgb(69,155,251)
```

Analogous Color

#fba545
```
#fba545 rgb(251,165,69)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#fb459b
```
#fb459b rgb(251,69,155)
```

Split Complementary Color

#f6fb45
```
#f6fb45 rgb(246,251,69)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#fb45f6
```
#fb45f6 rgb(251,69,246)
```

Triadic Color

#45fb4a
```
#45fb4a rgb(69,251,74)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#fb45f6
```
#fb45f6 rgb(251,69,246)
```
#fb4a45
```
#fb4a45 rgb(251,74,69)
```

Tetradic Color

#05e8ee
```
#05e8ee rgb(5,232,238)
```
#13f4fa
```
#13f4fa rgb(19,244,250)
```
#2cf5fa
```
#2cf5fa rgb(44,245,250)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#5ef7fc
```
#5ef7fc rgb(94,247,252)
```
#77f8fc
```
#77f8fc rgb(119,248,252)
```
#90fafd
```
#90fafd rgb(144,250,253)
```

Monochromatic Color

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

#45fbd3
```
#45fbd3 rgb(69,251,211)
```
#45fbe2
```
#45fbe2 rgb(69,251,226)
```
#45fbf1
```
#45fbf1 rgb(69,251,241)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#45e7fb
```
#45e7fb rgb(69,231,251)
```
#45d8fb
```
#45d8fb rgb(69,216,251)
```
#45c9fb
```
#45c9fb rgb(69,201,251)
```

Similar Colors

Text with hexadecimal color #45f6fb

This text has a font color of #45f6fb.

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

#45f6fb background color

This paragraph has a background color of #45f6fb.

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

#45f6fb border color

This element has a border color of #45f6fb.

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

CSS codes

.text {color:#45f6fb;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#011919
```
#011919 rgb(1,25,25)
```
#012b2c
```
#012b2c rgb(1,43,44)
```
#013e40
```
#013e40 rgb(1,62,64)
```
#025153
```
#025153 rgb(2,81,83)
```
#026366
```
#026366 rgb(2,99,102)
```
#037679
```
#037679 rgb(3,118,121)
```
#03898c
```
#03898c rgb(3,137,140)
```
#039ba0
```
#039ba0 rgb(3,155,160)
```
#04aeb3
```
#04aeb3 rgb(4,174,179)
```
#04c1c6
```
#04c1c6 rgb(4,193,198)
```
#05d3d9
```
#05d3d9 rgb(5,211,217)
```
#05e6ec
```
#05e6ec rgb(5,230,236)
```

Shade Color Variation

#0bf3fa
```
#0bf3fa rgb(11,243,250)
```
#1ff4fa
```
#1ff4fa rgb(31,244,250)
```
#32f5fb
```
#32f5fb rgb(50,245,251)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```
#58f7fb
```
#58f7fb rgb(88,247,251)
```
#6bf8fc
```
#6bf8fc rgb(107,248,252)
```
#7ff9fc
```
#7ff9fc rgb(127,249,252)
```
#92fafd
```
#92fafd rgb(146,250,253)
```
#a5fbfd
```
#a5fbfd rgb(165,251,253)
```
#b8fcfd
```
#b8fcfd rgb(184,252,253)
```
#cbfdfe
```
#cbfdfe rgb(203,253,254)
```
#dffdfe
```
#dffdfe rgb(223,253,254)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#9da3a3
```
#9da3a3 rgb(157,163,163)
```
#95aaab
```
#95aaab rgb(149,170,171)
```
#8eb1b2
```
#8eb1b2 rgb(142,177,178)
```
#87b8b9
```
#87b8b9 rgb(135,184,185)
```
#7fbfc1
```
#7fbfc1 rgb(127,191,193)
```
#78c6c8
```
#78c6c8 rgb(120,198,200)
```
#71cdcf
```
#71cdcf rgb(113,205,207)
```
#6ad3d6
```
#6ad3d6 rgb(106,211,214)
```
#62dade
```
#62dade rgb(98,218,222)
```
#5be1e5
```
#5be1e5 rgb(91,225,229)
```
#54e8ec
```
#54e8ec rgb(84,232,236)
```
#4ceff4
```
#4ceff4 rgb(76,239,244)
```
#45f6fb
```
#45f6fb rgb(69,246,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#a9cccd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dfee Protanopia 1% of men
#e3ddff Deuteranopia 1% of men
#88f0ff Tritanopia 0.001% of the population

Trichromacy

#a8e7f2 Protanomaly 1% of men, 0.01% of women
#a9e6fd Deuteranomaly 6% of men, 0.4% of women
#6ff2fd Tritanomaly 0.01% of the population

#45f6fb hex color

#45f6fb Color Information

#45f6fb Color Conversion

Color Schemes with #45f6fb

Alternatives to #45f6fb

#45f6fb Preview

Shades and Tints of #45f6fb

Tones of #45f6fb

Color Blindness Simulator