#45a098 hex color

In a RGB color space, hex #45a098 is composed of 27.1% red, 62.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 5% yellow and 37.3% black. It has a hue angle of 174.7 degrees, a saturation of 39.7% and a lightness of 44.9%. #45a098 color hex could be obtained by blending #8affff with #004131. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 63
- B 60
RGB color chart
- C 57
- M 0
- Y 5
- K 37
CMYK color chart

● #45a098 color description : Dark moderate cyan.

The hexadecimal color #45a098 has RGB values of R:69, G:160, B:152 and CMYK values of C:0.57, M:0, Y:0.05, K:0.37. Its decimal value is 4563096.

Hex triplet	45a098	`#45a098`
RGB Decimal	69, 160, 152	`rgb(69,160,152)`
RGB Percent	27.1, 62.7, 59.6	`rgb(27.1%,62.7%,59.6%)`
CMYK	57, 0, 5, 37
HSL	174.7°, 39.7, 44.9	`hsl(174.7,39.7%,44.9%)`
HSV (or HSB)	174.7°, 56.9, 62.7
Web Safe	339999	`#339999`

CIE-LAB	60.491, -28.923, -4.001
XYZ	20.691, 28.672, 34.148
xyY	0.248, 0.343, 28.672
CIE-LCH	60.491, 29.199, 187.877
CIE-LUV	60.491, -37.932, -1.481
Hunter-Lab	53.546, -24.732, -0.328
Binary	01000101, 10100000, 10011000

#45a098
```
#45a098 rgb(69,160,152)
```
#a0454d
```
#a0454d rgb(160,69,77)
```

Complementary Color

#45a06b
```
#45a06b rgb(69,160,107)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#457ba0
```
#457ba0 rgb(69,123,160)
```

Analogous Color

#a06b45
```
#a06b45 rgb(160,107,69)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#a0457b
```
#a0457b rgb(160,69,123)
```

Split Complementary Color

#a09845
```
#a09845 rgb(160,152,69)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#9845a0
```
#9845a0 rgb(152,69,160)
```

Triadic Color

#4da045
```
#4da045 rgb(77,160,69)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#9845a0
```
#9845a0 rgb(152,69,160)
```
#a0454d
```
#a0454d rgb(160,69,77)
```

Tetradic Color

#2e6b65
```
#2e6b65 rgb(46,107,101)
```
#367c76
```
#367c76 rgb(54,124,118)
```
#3d8e87
```
#3d8e87 rgb(61,142,135)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#4db2a9
```
#4db2a9 rgb(77,178,169)
```
#5ebab2
```
#5ebab2 rgb(94,186,178)
```
#70c1ba
```
#70c1ba rgb(112,193,186)
```

Monochromatic Color

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

#45a081
```
#45a081 rgb(69,160,129)
```
#45a089
```
#45a089 rgb(69,160,137)
```
#45a090
```
#45a090 rgb(69,160,144)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#45a0a0
```
#45a0a0 rgb(69,160,160)
```
#4599a0
```
#4599a0 rgb(69,153,160)
```
#4591a0
```
#4591a0 rgb(69,145,160)
```

Similar Colors

Text with hexadecimal color #45a098

This text has a font color of #45a098.

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

#45a098 background color

This paragraph has a background color of #45a098.

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

#45a098 border color

This element has a border color of #45a098.

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

CSS codes

.text {color:#45a098;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1716
```
#0a1716 rgb(10,23,22)
```
#102523
```
#102523 rgb(16,37,35)
```
#163230
```
#163230 rgb(22,50,48)
```
#1c403d
```
#1c403d rgb(28,64,61)
```
#224e4a
```
#224e4a rgb(34,78,74)
```
#275b57
```
#275b57 rgb(39,91,87)
```
#2d6964
```
#2d6964 rgb(45,105,100)
```
#337771
```
#337771 rgb(51,119,113)
```
#39857e
```
#39857e rgb(57,133,126)
```
#3f928b
```
#3f928b rgb(63,146,139)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#4baea5
```
#4baea5 rgb(75,174,165)
```

Shade Color Variation

#56b6ae
```
#56b6ae rgb(86,182,174)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#71c2bb
```
#71c2bb rgb(113,194,187)
```
#7fc8c1
```
#7fc8c1 rgb(127,200,193)
```
#8dcec8
```
#8dcec8 rgb(141,206,200)
```
#9bd4cf
```
#9bd4cf rgb(155,212,207)
```
#a8dad5
```
#a8dad5 rgb(168,218,213)
```
#b6e0dc
```
#b6e0dc rgb(182,224,220)
```
#c4e5e2
```
#c4e5e2 rgb(196,229,226)
```
#d1ebe9
```
#d1ebe9 rgb(209,235,233)
```
#dff1f0
```
#dff1f0 rgb(223,241,240)
```
#edf7f6
```
#edf7f6 rgb(237,247,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#717474
```
#717474 rgb(113,116,116)
```
#687d7b
```
#687d7b rgb(104,125,123)
```
#5f8682
```
#5f8682 rgb(95,134,130)
```
#578e89
```
#578e89 rgb(87,142,137)
```
#4e9791
```
#4e9791 rgb(78,151,145)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#3ca99f
```
#3ca99f rgb(60,169,159)
```
#33b2a7
```
#33b2a7 rgb(51,178,167)
```
#2bbaae
```
#2bbaae rgb(43,186,174)
```
#22c3b5
```
#22c3b5 rgb(34,195,181)
```
#19ccbc
```
#19ccbc rgb(25,204,188)
```
#10d5c4
```
#10d5c4 rgb(16,213,196)
```
#07decb
```
#07decb rgb(7,222,203)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#778a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9695 Protanopia 1% of men
#9f93a3 Deuteranopia 1% of men
#56a2ae Tritanopia 0.001% of the population

Trichromacy

#7b9a96 Protanomaly 1% of men, 0.01% of women
#7e989f Deuteranomaly 6% of men, 0.4% of women
#50a1a6 Tritanomaly 0.01% of the population

#45a098 hex color

#45a098 Color Information

#45a098 Color Conversion

Color Schemes with #45a098

Alternatives to #45a098

#45a098 Preview

Shades and Tints of #45a098

Tones of #45a098

Color Blindness Simulator