#45abfd hex color

In a RGB color space, hex #45abfd is composed of 27.1% red, 67.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 32.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.7 degrees, a saturation of 97.9% and a lightness of 63.1%. #45abfd color hex could be obtained by blending #8affff with #0057fb. Closest websafe color is: #3399ff.

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

● #45abfd color description : Bright blue.

The hexadecimal color #45abfd has RGB values of R:69, G:171, B:253 and CMYK values of C:0.73, M:0.32, Y:0, K:0.01. Its decimal value is 4566013.

Hex triplet	45abfd	`#45abfd`
RGB Decimal	69, 171, 253	`rgb(69,171,253)`
RGB Percent	27.1, 67.1, 99.2	`rgb(27.1%,67.1%,99.2%)`
CMYK	73, 32, 0, 1
HSL	206.7°, 97.9, 63.1	`hsl(206.7,97.9%,63.1%)`
HSV (or HSB)	206.7°, 72.7, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.636, -2.997, -49.116
XYZ	34.743, 37.48, 98.326
xyY	0.204, 0.22, 37.48
CIE-LCH	67.636, 49.207, 266.508
CIE-LUV	67.636, -36.956, -79.258
Hunter-Lab	61.221, -5.839, -52.37
Binary	01000101, 10101011, 11111101

#45abfd
```
#45abfd rgb(69,171,253)
```
#fd9745
```
#fd9745 rgb(253,151,69)
```

Complementary Color

#45fdf3
```
#45fdf3 rgb(69,253,243)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#454ffd
```
#454ffd rgb(69,79,253)
```

Analogous Color

#fdf345
```
#fdf345 rgb(253,243,69)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#fd454f
```
#fd454f rgb(253,69,79)
```

Split Complementary Color

#abfd45
```
#abfd45 rgb(171,253,69)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#fd45ab
```
#fd45ab rgb(253,69,171)
```

Triadic Color

#45fd97
```
#45fd97 rgb(69,253,151)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#fd45ab
```
#fd45ab rgb(253,69,171)
```
#fd9745
```
#fd9745 rgb(253,151,69)
```

Tetradic Color

#0388f3
```
#0388f3 rgb(3,136,243)
```
#1394fc
```
#1394fc rgb(19,148,252)
```
#2ca0fd
```
#2ca0fd rgb(44,160,253)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#5eb6fd
```
#5eb6fd rgb(94,182,253)
```
#77c2fe
```
#77c2fe rgb(119,194,254)
```
#91cdfe
```
#91cdfe rgb(145,205,254)
```

Monochromatic Color

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

#45d9fd
```
#45d9fd rgb(69,217,253)
```
#45cafd
```
#45cafd rgb(69,202,253)
```
#45bafd
```
#45bafd rgb(69,186,253)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#459cfd
```
#459cfd rgb(69,156,253)
```
#458cfd
```
#458cfd rgb(69,140,253)
```
#457dfd
```
#457dfd rgb(69,125,253)
```

Similar Colors

Text with hexadecimal color #45abfd

This text has a font color of #45abfd.

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

#45abfd background color

This paragraph has a background color of #45abfd.

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

#45abfd border color

This element has a border color of #45abfd.

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

CSS codes

.text {color:#45abfd;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#000f1b
```
#000f1b rgb(0,15,27)
```
#011a2f
```
#011a2f rgb(1,26,47)
```
#012542
```
#012542 rgb(1,37,66)
```
#013056
```
#013056 rgb(1,48,86)
```
#013b69
```
#013b69 rgb(1,59,105)
```
#01467d
```
#01467d rgb(1,70,125)
```
#025090
```
#025090 rgb(2,80,144)
```
#025ba3
```
#025ba3 rgb(2,91,163)
```
#0266b7
```
#0266b7 rgb(2,102,183)
```
#0271ca
```
#0271ca rgb(2,113,202)
```
#027cde
```
#027cde rgb(2,124,222)
```
#0387f1
```
#0387f1 rgb(3,135,241)
```

Shade Color Variation

#0b91fc
```
#0b91fc rgb(11,145,252)
```
#1e99fd
```
#1e99fd rgb(30,153,253)
```
#32a2fd
```
#32a2fd rgb(50,162,253)
```
#45abfd
```
#45abfd rgb(69,171,253)
```
#58b4fd
```
#58b4fd rgb(88,180,253)
```
#6cbdfd
```
#6cbdfd rgb(108,189,253)
```
#7fc5fe
```
#7fc5fe rgb(127,197,254)
```
#93cefe
```
#93cefe rgb(147,206,254)
```
#a6d7fe
```
#a6d7fe rgb(166,215,254)
```
#b9e0fe
```
#b9e0fe rgb(185,224,254)
```
#cde8fe
```
#cde8fe rgb(205,232,254)
```
#e0f1ff
```
#e0f1ff rgb(224,241,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#9ca2a6
```
#9ca2a6 rgb(156,162,166)
```
#95a2ad
```
#95a2ad rgb(149,162,173)
```
#8da3b5
```
#8da3b5 rgb(141,163,181)
```
#86a4bc
```
#86a4bc rgb(134,164,188)
```
#7fa5c3
```
#7fa5c3 rgb(127,165,195)
```
#78a5ca
```
#78a5ca rgb(120,165,202)
```
#70a6d2
```
#70a6d2 rgb(112,166,210)
```
#69a7d9
```
#69a7d9 rgb(105,167,217)
```
#62a8e0
```
#62a8e0 rgb(98,168,224)
```
#5ba9e7
```
#5ba9e7 rgb(91,169,231)
```
#53a9ef
```
#53a9ef rgb(83,169,239)
```
#4caaf6
```
#4caaf6 rgb(76,170,246)
```
#45abfd
```
#45abfd rgb(69,171,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869aab Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f6 Protanopia 1% of men
#76a9ff Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#71a8f8 Protanomaly 1% of men, 0.01% of women
#64aafe Deuteranomaly 6% of men, 0.4% of women
#19b4da Tritanomaly 0.01% of the population

#45abfd hex color

#45abfd Color Information

#45abfd Color Conversion

Color Schemes with #45abfd

Alternatives to #45abfd

#45abfd Preview

Shades and Tints of #45abfd

Tones of #45abfd

Color Blindness Simulator