#2d97b8 hex color

In a RGB color space, hex #2d97b8 is composed of 17.6% red, 59.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 17.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 194.2 degrees, a saturation of 60.7% and a lightness of 44.9%. #2d97b8 color hex could be obtained by blending #5affff with #002f71. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 59
- B 72
RGB color chart
- C 76
- M 18
- Y 0
- K 28
CMYK color chart

● #2d97b8 color description : Strong cyan.

The hexadecimal color #2d97b8 has RGB values of R:45, G:151, B:184 and CMYK values of C:0.76, M:0.18, Y:0, K:0.28. Its decimal value is 2987960.

Hex triplet	2d97b8	`#2d97b8`
RGB Decimal	45, 151, 184	`rgb(45,151,184)`
RGB Percent	17.6, 59.2, 72.2	`rgb(17.6%,59.2%,72.2%)`
CMYK	76, 18, 0, 28
HSL	194.2°, 60.7, 44.9	`hsl(194.2,60.7%,44.9%)`
HSV (or HSB)	194.2°, 75.5, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.179, -18.438, -25.678
XYZ	20.798, 26.15, 49.296
xyY	0.216, 0.272, 26.15
CIE-LCH	58.179, 31.611, 234.32
CIE-LUV	58.179, -37.46, -36.886
Hunter-Lab	51.137, -16.891, -21.36
Binary	00101101, 10010111, 10111000

#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#b84e2d
```
#b84e2d rgb(184,78,45)
```

Complementary Color

#2db894
```
#2db894 rgb(45,184,148)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#2d52b8
```
#2d52b8 rgb(45,82,184)
```

Analogous Color

#b8942d
```
#b8942d rgb(184,148,45)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#b82d52
```
#b82d52 rgb(184,45,82)
```

Split Complementary Color

#97b82d
```
#97b82d rgb(151,184,45)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#b82d97
```
#b82d97 rgb(184,45,151)
```

Triadic Color

#2db84e
```
#2db84e rgb(45,184,78)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#b82d97
```
#b82d97 rgb(184,45,151)
```
#b84e2d
```
#b84e2d rgb(184,78,45)
```

Tetradic Color

#1e657b
```
#1e657b rgb(30,101,123)
```
#23758f
```
#23758f rgb(35,117,143)
```
#2886a4
```
#2886a4 rgb(40,134,164)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#32a8cc
```
#32a8cc rgb(50,168,204)
```
#46b1d2
```
#46b1d2 rgb(70,177,210)
```
#5bb9d7
```
#5bb9d7 rgb(91,185,215)
```

Monochromatic Color

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

#2db8b6
```
#2db8b6 rgb(45,184,182)
```
#2daeb8
```
#2daeb8 rgb(45,174,184)
```
#2da3b8
```
#2da3b8 rgb(45,163,184)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#2d8bb8
```
#2d8bb8 rgb(45,139,184)
```
#2d80b8
```
#2d80b8 rgb(45,128,184)
```
#2d74b8
```
#2d74b8 rgb(45,116,184)
```

Similar Colors

Text with hexadecimal color #2d97b8

This text has a font color of #2d97b8.

<span style="color:#2d97b8;">Text here</span>

#2d97b8 background color

This paragraph has a background color of #2d97b8.

<p style="background-color:#2d97b8;">Content here</p>

#2d97b8 border color

This element has a border color of #2d97b8.

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

CSS codes

.text {color:#2d97b8;}

.background {background-color:#2d97b8;}

.border {border:1px solid #2d97b8;}

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, #03090b is the darkest color, while #fafdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#06161a
```
#06161a rgb(6,22,26)
```
#0a232a
```
#0a232a rgb(10,35,42)
```
#0e303a
```
#0e303a rgb(14,48,58)
```
#123c4a
```
#123c4a rgb(18,60,74)
```
#164959
```
#164959 rgb(22,73,89)
```
#1a5669
```
#1a5669 rgb(26,86,105)
```
#1e6379
```
#1e6379 rgb(30,99,121)
```
#217089
```
#217089 rgb(33,112,137)
```
#257d98
```
#257d98 rgb(37,125,152)
```
#298aa8
```
#298aa8 rgb(41,138,168)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#31a4c8
```
#31a4c8 rgb(49,164,200)
```

Shade Color Variation

#3dadcf
```
#3dadcf rgb(61,173,207)
```
#4db3d3
```
#4db3d3 rgb(77,179,211)
```
#5cbad7
```
#5cbad7 rgb(92,186,215)
```
#6cc1db
```
#6cc1db rgb(108,193,219)
```
#7cc7df
```
#7cc7df rgb(124,199,223)
```
#8ccee3
```
#8ccee3 rgb(140,206,227)
```
#9bd5e7
```
#9bd5e7 rgb(155,213,231)
```
#abdbea
```
#abdbea rgb(171,219,234)
```
#bbe2ee
```
#bbe2ee rgb(187,226,238)
```
#cbe9f2
```
#cbe9f2 rgb(203,233,242)
```
#daeff6
```
#daeff6 rgb(218,239,246)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b777a is the less saturated color, while #01aee4 is the most saturated one.

#6b777a
```
#6b777a rgb(107,119,122)
```
#627b83
```
#627b83 rgb(98,123,131)
```
#59808c
```
#59808c rgb(89,128,140)
```
#508495
```
#508495 rgb(80,132,149)
```
#47899e
```
#47899e rgb(71,137,158)
```
#3f8ea6
```
#3f8ea6 rgb(63,142,166)
```
#3692af
```
#3692af rgb(54,146,175)
```
#2d97b8
```
#2d97b8 rgb(45,151,184)
```
#249cc1
```
#249cc1 rgb(36,156,193)
```
#1ba0ca
```
#1ba0ca rgb(27,160,202)
```
#13a5d2
```
#13a5d2 rgb(19,165,210)
```
#0aaadb
```
#0aaadb rgb(10,170,219)
```
#01aee4
```
#01aee4 rgb(1,174,228)
```

Tone Color Variation

Below, you can see how #2d97b8 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

#7b7b7b Achromatopsia 0.005% of the population
#6b8187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8890b3 Protanopia 1% of men
#8390c0 Deuteranopia 1% of men
#249fab Tritanopia 0.001% of the population

Trichromacy

#6792b5 Protanomaly 1% of men, 0.01% of women
#6392bd Deuteranomaly 6% of men, 0.4% of women
#279caf Tritanomaly 0.01% of the population

#2d97b8 hex color

#2d97b8 Color Information

#2d97b8 Color Conversion

Color Schemes with #2d97b8

Alternatives to #2d97b8

#2d97b8 Preview

Shades and Tints of #2d97b8

Tones of #2d97b8

Color Blindness Simulator