#45eafd hex color

In a RGB color space, hex #45eafd is composed of 27.1% red, 91.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 7.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 186.2 degrees, a saturation of 97.9% and a lightness of 63.1%. #45eafd color hex could be obtained by blending #8affff with #00d5fb. Closest websafe color is: #33ffff.

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

● #45eafd color description : Bright cyan.

The hexadecimal color #45eafd has RGB values of R:69, G:234, B:253 and CMYK values of C:0.73, M:0.08, Y:0, K:0.01. Its decimal value is 4582141.

Hex triplet	45eafd	`#45eafd`
RGB Decimal	69, 234, 253	`rgb(69,234,253)`
RGB Percent	27.1, 91.8, 99.2	`rgb(27.1%,91.8%,99.2%)`
CMYK	73, 8, 0, 1
HSL	186.2°, 97.9, 63.1	`hsl(186.2,97.9%,63.1%)`
HSV (or HSB)	186.2°, 72.7, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.604, -35.396, -21.329
XYZ	49.602, 67.198, 103.279
xyY	0.225, 0.305, 67.198
CIE-LCH	85.604, 41.325, 211.073
CIE-LUV	85.604, -58.696, -28.993
Hunter-Lab	81.974, -35.448, -17.317
Binary	01000101, 11101010, 11111101

#45eafd
```
#45eafd rgb(69,234,253)
```
#fd5845
```
#fd5845 rgb(253,88,69)
```

Complementary Color

#45fdb4
```
#45fdb4 rgb(69,253,180)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#458efd
```
#458efd rgb(69,142,253)
```

Analogous Color

#fdb445
```
#fdb445 rgb(253,180,69)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#fd458e
```
#fd458e rgb(253,69,142)
```

Split Complementary Color

#eafd45
```
#eafd45 rgb(234,253,69)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#fd45ea
```
#fd45ea rgb(253,69,234)
```

Triadic Color

#45fd58
```
#45fd58 rgb(69,253,88)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#fd45ea
```
#fd45ea rgb(253,69,234)
```
#fd5845
```
#fd5845 rgb(253,88,69)
```

Tetradic Color

#03daf3
```
#03daf3 rgb(3,218,243)
```
#13e4fc
```
#13e4fc rgb(19,228,252)
```
#2ce7fd
```
#2ce7fd rgb(44,231,253)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#5eedfd
```
#5eedfd rgb(94,237,253)
```
#77f0fe
```
#77f0fe rgb(119,240,254)
```
#91f3fe
```
#91f3fe rgb(145,243,254)
```

Monochromatic Color

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

#45fde2
```
#45fde2 rgb(69,253,226)
```
#45fdf1
```
#45fdf1 rgb(69,253,241)
```
#45f9fd
```
#45f9fd rgb(69,249,253)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#45dbfd
```
#45dbfd rgb(69,219,253)
```
#45cbfd
```
#45cbfd rgb(69,203,253)
```
#45bcfd
```
#45bcfd rgb(69,188,253)
```

Similar Colors

Text with hexadecimal color #45eafd

This text has a font color of #45eafd.

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

#45eafd background color

This paragraph has a background color of #45eafd.

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

#45eafd border color

This element has a border color of #45eafd.

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

CSS codes

.text {color:#45eafd;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00191b
```
#00191b rgb(0,25,27)
```
#012a2f
```
#012a2f rgb(1,42,47)
```
#013c42
```
#013c42 rgb(1,60,66)
```
#014d56
```
#014d56 rgb(1,77,86)
```
#015e69
```
#015e69 rgb(1,94,105)
```
#01707d
```
#01707d rgb(1,112,125)
```
#028190
```
#028190 rgb(2,129,144)
```
#0293a3
```
#0293a3 rgb(2,147,163)
```
#02a4b7
```
#02a4b7 rgb(2,164,183)
```
#02b5ca
```
#02b5ca rgb(2,181,202)
```
#02c7de
```
#02c7de rgb(2,199,222)
```
#03d8f1
```
#03d8f1 rgb(3,216,241)
```

Shade Color Variation

#0be3fc
```
#0be3fc rgb(11,227,252)
```
#1ee6fd
```
#1ee6fd rgb(30,230,253)
```
#32e8fd
```
#32e8fd rgb(50,232,253)
```
#45eafd
```
#45eafd rgb(69,234,253)
```
#58ecfd
```
#58ecfd rgb(88,236,253)
```
#6ceefd
```
#6ceefd rgb(108,238,253)
```
#7ff1fe
```
#7ff1fe rgb(127,241,254)
```
#93f3fe
```
#93f3fe rgb(147,243,254)
```
#a6f5fe
```
#a6f5fe rgb(166,245,254)
```
#b9f7fe
```
#b9f7fe rgb(185,247,254)
```
#cdf9fe
```
#cdf9fe rgb(205,249,254)
```
#e0fcff
```
#e0fcff rgb(224,252,255)
```
#f4feff
```
#f4feff rgb(244,254,255)
```

Tint Color Variation

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

#9ca5a6
```
#9ca5a6 rgb(156,165,166)
```
#95abad
```
#95abad rgb(149,171,173)
```
#8db1b5
```
#8db1b5 rgb(141,177,181)
```
#86b6bc
```
#86b6bc rgb(134,182,188)
```
#7fbcc3
```
#7fbcc3 rgb(127,188,195)
```
#78c2ca
```
#78c2ca rgb(120,194,202)
```
#70c8d2
```
#70c8d2 rgb(112,200,210)
```
#69cdd9
```
#69cdd9 rgb(105,205,217)
```
#62d3e0
```
#62d3e0 rgb(98,211,224)
```
#5bd9e7
```
#5bd9e7 rgb(91,217,231)
```
#53dfef
```
#53dfef rgb(83,223,239)
```
#4ce4f6
```
#4ce4f6 rgb(76,228,246)
```
#45eafd
```
#45eafd rgb(69,234,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a3c4c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d6f0 Protanopia 1% of men
#d4d4ff Deuteranopia 1% of men
#4eebfc Tritanopia 0.001% of the population

Trichromacy

#9fddf5 Protanomaly 1% of men, 0.01% of women
#a0dcfe Deuteranomaly 6% of men, 0.4% of women
#4aeafc Tritanomaly 0.01% of the population

#45eafd hex color

#45eafd Color Information

#45eafd Color Conversion

Color Schemes with #45eafd

Alternatives to #45eafd

#45eafd Preview

Shades and Tints of #45eafd

Tones of #45eafd

Color Blindness Simulator