#45d2d3 hex color

In a RGB color space, hex #45d2d3 is composed of 27.1% red, 82.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 180.4 degrees, a saturation of 61.7% and a lightness of 54.9%. #45d2d3 color hex could be obtained by blending #8affff with #00a5a7. Closest websafe color is: #33cccc.

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

● #45d2d3 color description : Moderate cyan.

The hexadecimal color #45d2d3 has RGB values of R:69, G:210, B:211 and CMYK values of C:0.67, M:0, Y:0, K:0.17. Its decimal value is 4575955.

Hex triplet	45d2d3	`#45d2d3`
RGB Decimal	69, 210, 211	`rgb(69,210,211)`
RGB Percent	27.1, 82.4, 82.7	`rgb(27.1%,82.4%,82.7%)`
CMYK	67, 0, 0, 17
HSL	180.4°, 61.7, 54.9	`hsl(180.4,61.7%,54.9%)`
HSV (or HSB)	180.4°, 67.3, 82.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.316, -36.303, -11.486
XYZ	37.255, 52.058, 69.709
xyY	0.234, 0.327, 52.058
CIE-LCH	77.316, 38.076, 197.557
CIE-LUV	77.316, -53.043, -12.306
Hunter-Lab	72.151, -34.097, -6.777
Binary	01000101, 11010010, 11010011

#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#d34645
```
#d34645 rgb(211,70,69)
```

Complementary Color

#45d38d
```
#45d38d rgb(69,211,141)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#458bd3
```
#458bd3 rgb(69,139,211)
```

Analogous Color

#d38d45
```
#d38d45 rgb(211,141,69)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#d3458b
```
#d3458b rgb(211,69,139)
```

Split Complementary Color

#d2d345
```
#d2d345 rgb(210,211,69)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#d345d2
```
#d345d2 rgb(211,69,210)
```

Triadic Color

#45d346
```
#45d346 rgb(69,211,70)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#d345d2
```
#d345d2 rgb(211,69,210)
```
#d34645
```
#d34645 rgb(211,70,69)
```

Tetradic Color

#27a4a5
```
#27a4a5 rgb(39,164,165)
```
#2cb8b9
```
#2cb8b9 rgb(44,184,185)
```
#31cdce
```
#31cdce rgb(49,205,206)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#5ad7d8
```
#5ad7d8 rgb(90,215,216)
```
#6edcdd
```
#6edcdd rgb(110,220,221)
```
#83e1e2
```
#83e1e2 rgb(131,225,226)
```

Monochromatic Color

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

#45d3b1
```
#45d3b1 rgb(69,211,177)
```
#45d3bc
```
#45d3bc rgb(69,211,188)
```
#45d3c8
```
#45d3c8 rgb(69,211,200)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#45c6d3
```
#45c6d3 rgb(69,198,211)
```
#45bad3
```
#45bad3 rgb(69,186,211)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```

Similar Colors

Text with hexadecimal color #45d2d3

This text has a font color of #45d2d3.

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

#45d2d3 background color

This paragraph has a background color of #45d2d3.

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

#45d2d3 border color

This element has a border color of #45d2d3.

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

CSS codes

.text {color:#45d2d3;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051414
```
#051414 rgb(5,20,20)
```
#092424
```
#092424 rgb(9,36,36)
```
#0c3434
```
#0c3434 rgb(12,52,52)
```
#104344
```
#104344 rgb(16,67,68)
```
#145354
```
#145354 rgb(20,83,84)
```
#186364
```
#186364 rgb(24,99,100)
```
#1b7373
```
#1b7373 rgb(27,115,115)
```
#1f8383
```
#1f8383 rgb(31,131,131)
```
#239293
```
#239293 rgb(35,146,147)
```
#27a2a3
```
#27a2a3 rgb(39,162,163)
```
#2ab2b3
```
#2ab2b3 rgb(42,178,179)
```
#2ec2c3
```
#2ec2c3 rgb(46,194,195)
```

Shade Color Variation

#35cecf
```
#35cecf rgb(53,206,207)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#55d6d7
```
#55d6d7 rgb(85,214,215)
```
#65dadb
```
#65dadb rgb(101,218,219)
```
#75dede
```
#75dede rgb(117,222,222)
```
#84e1e2
```
#84e1e2 rgb(132,225,226)
```
#94e5e6
```
#94e5e6 rgb(148,229,230)
```
#a4e9ea
```
#a4e9ea rgb(164,233,234)
```
#b4eded
```
#b4eded rgb(180,237,237)
```
#c4f1f1
```
#c4f1f1 rgb(196,241,241)
```
#d4f5f5
```
#d4f5f5 rgb(212,245,245)
```
#e4f8f9
```
#e4f8f9 rgb(228,248,249)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8c is the less saturated color, while #22f5f6 is the most saturated one.

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#839595
```
#839595 rgb(131,149,149)
```
#7a9e9e
```
#7a9e9e rgb(122,158,158)
```
#71a6a7
```
#71a6a7 rgb(113,166,167)
```
#68afb0
```
#68afb0 rgb(104,175,176)
```
#60b8b8
```
#60b8b8 rgb(96,184,184)
```
#57c1c1
```
#57c1c1 rgb(87,193,193)
```
#4ec9ca
```
#4ec9ca rgb(78,201,202)
```
#45d2d3
```
#45d2d3 rgb(69,210,211)
```
#3cdbdc
```
#3cdbdc rgb(60,219,220)
```
#33e3e5
```
#33e3e5 rgb(51,227,229)
```
#2aecee
```
#2aecee rgb(42,236,238)
```
#22f5f6
```
#22f5f6 rgb(34,245,246)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#94b0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c1ca Protanopia 1% of men
#c6bddd Deuteranopia 1% of men
#57d2e1 Tritanopia 0.001% of the population

Trichromacy

#95c7cd Protanomaly 1% of men, 0.01% of women
#97c5d9 Deuteranomaly 6% of men, 0.4% of women
#50d2dc Tritanomaly 0.01% of the population

#45d2d3 hex color

#45d2d3 Color Information

#45d2d3 Color Conversion

Color Schemes with #45d2d3

Alternatives to #45d2d3

#45d2d3 Preview

Shades and Tints of #45d2d3

Tones of #45d2d3

Color Blindness Simulator