#45bfd1 hex color

In a RGB color space, hex #45bfd1 is composed of 27.1% red, 74.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 8.6% magenta, 0% yellow and 18% black. It has a hue angle of 187.7 degrees, a saturation of 60.3% and a lightness of 54.5%. #45bfd1 color hex could be obtained by blending #8affff with #007fa3. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 75
- B 82
RGB color chart
- C 67
- M 9
- Y 0
- K 18
CMYK color chart

● #45bfd1 color description : Moderate cyan.

The hexadecimal color #45bfd1 has RGB values of R:69, G:191, B:209 and CMYK values of C:0.67, M:0.09, Y:0, K:0.18. Its decimal value is 4571089.

Hex triplet	45bfd1	`#45bfd1`
RGB Decimal	69, 191, 209	`rgb(69,191,209)`
RGB Percent	27.1, 74.9, 82	`rgb(27.1%,74.9%,82%)`
CMYK	67, 9, 0, 18
HSL	187.7°, 60.3, 54.5	`hsl(187.7,60.3%,54.5%)`
HSV (or HSB)	187.7°, 67, 82
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.641, -27.803, -18.943
XYZ	32.59, 43.127, 66.925
xyY	0.228, 0.302, 43.127
CIE-LCH	71.641, 33.643, 214.267
CIE-LUV	71.641, -46.332, -25.518
Hunter-Lab	65.672, -26.342, -14.452
Binary	01000101, 10111111, 11010001

#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#d15745
```
#d15745 rgb(209,87,69)
```

Complementary Color

#45d19d
```
#45d19d rgb(69,209,157)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#4579d1
```
#4579d1 rgb(69,121,209)
```

Analogous Color

#d19d45
```
#d19d45 rgb(209,157,69)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#d14579
```
#d14579 rgb(209,69,121)
```

Split Complementary Color

#bfd145
```
#bfd145 rgb(191,209,69)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#d145bf
```
#d145bf rgb(209,69,191)
```

Triadic Color

#45d157
```
#45d157 rgb(69,209,87)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#d145bf
```
#d145bf rgb(209,69,191)
```
#d15745
```
#d15745 rgb(209,87,69)
```

Tetradic Color

#2892a2
```
#2892a2 rgb(40,146,162)
```
#2da4b6
```
#2da4b6 rgb(45,164,182)
```
#32b7ca
```
#32b7ca rgb(50,183,202)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#59c6d6
```
#59c6d6 rgb(89,198,214)
```
#6ecddb
```
#6ecddb rgb(110,205,219)
```
#82d4e0
```
#82d4e0 rgb(130,212,224)
```

Monochromatic Color

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

#45d1c0
```
#45d1c0 rgb(69,209,192)
```
#45d1cc
```
#45d1cc rgb(69,209,204)
```
#45cbd1
```
#45cbd1 rgb(69,203,209)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#45b3d1
```
#45b3d1 rgb(69,179,209)
```
#45a8d1
```
#45a8d1 rgb(69,168,209)
```
#459cd1
```
#459cd1 rgb(69,156,209)
```

Similar Colors

Text with hexadecimal color #45bfd1

This text has a font color of #45bfd1.

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

#45bfd1 background color

This paragraph has a background color of #45bfd1.

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

#45bfd1 border color

This element has a border color of #45bfd1.

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

CSS codes

.text {color:#45bfd1;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#051112
```
#051112 rgb(5,17,18)
```
#081f22
```
#081f22 rgb(8,31,34)
```
#0c2d32
```
#0c2d32 rgb(12,45,50)
```
#103b42
```
#103b42 rgb(16,59,66)
```
#144951
```
#144951 rgb(20,73,81)
```
#185861
```
#185861 rgb(24,88,97)
```
#1c6671
```
#1c6671 rgb(28,102,113)
```
#207481
```
#207481 rgb(32,116,129)
```
#248290
```
#248290 rgb(36,130,144)
```
#2890a0
```
#2890a0 rgb(40,144,160)
```
#2b9fb0
```
#2b9fb0 rgb(43,159,176)
```
#2fadbf
```
#2fadbf rgb(47,173,191)
```

Shade Color Variation

#35bacd
```
#35bacd rgb(53,186,205)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#55c4d5
```
#55c4d5 rgb(85,196,213)
```
#64cad9
```
#64cad9 rgb(100,202,217)
```
#74cfdd
```
#74cfdd rgb(116,207,221)
```
#84d5e1
```
#84d5e1 rgb(132,213,225)
```
#94dae4
```
#94dae4 rgb(148,218,228)
```
#a3dfe8
```
#a3dfe8 rgb(163,223,232)
```
#b3e5ec
```
#b3e5ec rgb(179,229,236)
```
#c3eaf0
```
#c3eaf0 rgb(195,234,240)
```
#d3f0f4
```
#d3f0f4 rgb(211,240,244)
```
#e2f5f8
```
#e2f5f8 rgb(226,245,248)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #839193 is the less saturated color, while #18e0fe is the most saturated one.

#839193
```
#839193 rgb(131,145,147)
```
#7b979b
```
#7b979b rgb(123,151,155)
```
#729ea4
```
#729ea4 rgb(114,158,164)
```
#69a4ad
```
#69a4ad rgb(105,164,173)
```
#60abb6
```
#60abb6 rgb(96,171,182)
```
#57b2bf
```
#57b2bf rgb(87,178,191)
```
#4eb8c8
```
#4eb8c8 rgb(78,184,200)
```
#45bfd1
```
#45bfd1 rgb(69,191,209)
```
#3cc6da
```
#3cc6da rgb(60,198,218)
```
#33cce3
```
#33cce3 rgb(51,204,227)
```
#2ad3ec
```
#2ad3ec rgb(42,211,236)
```
#21daf5
```
#21daf5 rgb(33,218,245)
```
#18e0fe
```
#18e0fe rgb(24,224,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb2c9 Protanopia 1% of men
#afb0da Deuteranopia 1% of men
#4dc2d1 Tritanopia 0.001% of the population

Trichromacy

#88b6cc Protanomaly 1% of men, 0.01% of women
#88b5d6 Deuteranomaly 6% of men, 0.4% of women
#4ac1d1 Tritanomaly 0.01% of the population

#45bfd1 hex color

#45bfd1 Color Information

#45bfd1 Color Conversion

Color Schemes with #45bfd1

Alternatives to #45bfd1

#45bfd1 Preview

Shades and Tints of #45bfd1

Tones of #45bfd1

Color Blindness Simulator