#1d97cc hex color

In a RGB color space, hex #1d97cc is composed of 11.4% red, 59.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 26% magenta, 0% yellow and 20% black. It has a hue angle of 198.2 degrees, a saturation of 75.1% and a lightness of 45.7%. #1d97cc color hex could be obtained by blending #3affff with #002f99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 59
- B 80
RGB color chart
- C 86
- M 26
- Y 0
- K 20
CMYK color chart

● #1d97cc color description : Strong blue.

The hexadecimal color #1d97cc has RGB values of R:29, G:151, B:204 and CMYK values of C:0.86, M:0.26, Y:0, K:0.2. Its decimal value is 1939404.

Hex triplet	1d97cc	`#1d97cc`
RGB Decimal	29, 151, 204	`rgb(29,151,204)`
RGB Percent	11.4, 59.2, 80	`rgb(11.4%,59.2%,80%)`
CMYK	86, 26, 0, 20
HSL	198.2°, 75.1, 45.7	`hsl(198.2,75.1%,45.7%)`
HSV (or HSB)	198.2°, 85.8, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.744, -13.009, -36.098
XYZ	22.47, 26.752, 61.103
xyY	0.204, 0.242, 26.752
CIE-LCH	58.744, 38.37, 250.182
CIE-LUV	58.744, -38.019, -54.772
Hunter-Lab	51.722, -12.969, -33.837
Binary	00011101, 10010111, 11001100

#1d97cc
```
#1d97cc rgb(29,151,204)
```
#cc521d
```
#cc521d rgb(204,82,29)
```

Complementary Color

#1dccaa
```
#1dccaa rgb(29,204,170)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#1d40cc
```
#1d40cc rgb(29,64,204)
```

Analogous Color

#ccaa1d
```
#ccaa1d rgb(204,170,29)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#cc1d3f
```
#cc1d3f rgb(204,29,63)
```

Split Complementary Color

#97cc1d
```
#97cc1d rgb(151,204,29)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#cc1d97
```
#cc1d97 rgb(204,29,151)
```

Triadic Color

#1dcc52
```
#1dcc52 rgb(29,204,82)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#cc1d97
```
#cc1d97 rgb(204,29,151)
```
#cc521d
```
#cc521d rgb(204,82,29)
```

Tetradic Color

#136589
```
#136589 rgb(19,101,137)
```
#17769f
```
#17769f rgb(23,118,159)
```
#1a86b6
```
#1a86b6 rgb(26,134,182)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#23a6e0
```
#23a6e0 rgb(35,166,224)
```
#39afe3
```
#39afe3 rgb(57,175,227)
```
#4fb8e6
```
#4fb8e6 rgb(79,184,230)
```

Monochromatic Color

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

#1dc3cc
```
#1dc3cc rgb(29,195,204)
```
#1db4cc
```
#1db4cc rgb(29,180,204)
```
#1da6cc
```
#1da6cc rgb(29,166,204)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#1d88cc
```
#1d88cc rgb(29,136,204)
```
#1d7acc
```
#1d7acc rgb(29,122,204)
```
#1d6bcc
```
#1d6bcc rgb(29,107,204)
```

Similar Colors

Text with hexadecimal color #1d97cc

This text has a font color of #1d97cc.

<span style="color:#1d97cc;">Text here</span>

#1d97cc background color

This paragraph has a background color of #1d97cc.

<p style="background-color:#1d97cc;">Content here</p>

#1d97cc border color

This element has a border color of #1d97cc.

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

CSS codes

.text {color:#1d97cc;}

.background {background-color:#1d97cc;}

.border {border:1px solid #1d97cc;}

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, #020b0f is the darkest color, while #fdfeff is the lightest one.

#020b0f
```
#020b0f rgb(2,11,15)
```
#051820
```
#051820 rgb(5,24,32)
```
#072531
```
#072531 rgb(7,37,49)
```
#093143
```
#093143 rgb(9,49,67)
```
#0c3e54
```
#0c3e54 rgb(12,62,84)
```
#0e4b65
```
#0e4b65 rgb(14,75,101)
```
#115776
```
#115776 rgb(17,87,118)
```
#136487
```
#136487 rgb(19,100,135)
```
#167198
```
#167198 rgb(22,113,152)
```
#187eaa
```
#187eaa rgb(24,126,170)
```
#1b8abb
```
#1b8abb rgb(27,138,187)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#1fa4dd
```
#1fa4dd rgb(31,164,221)
```

Shade Color Variation

#2fabe1
```
#2fabe1 rgb(47,171,225)
```
#40b2e4
```
#40b2e4 rgb(64,178,228)
```
#51b9e6
```
#51b9e6 rgb(81,185,230)
```
#62c0e9
```
#62c0e9 rgb(98,192,233)
```
#74c7eb
```
#74c7eb rgb(116,199,235)
```
#85ceee
```
#85ceee rgb(133,206,238)
```
#96d5f0
```
#96d5f0 rgb(150,213,240)
```
#a7dcf2
```
#a7dcf2 rgb(167,220,242)
```
#b8e3f5
```
#b8e3f5 rgb(184,227,245)
```
#c9e9f7
```
#c9e9f7 rgb(201,233,247)
```
#dbf0fa
```
#dbf0fa rgb(219,240,250)
```
#ecf7fc
```
#ecf7fc rgb(236,247,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6e777b
```
#6e777b rgb(110,119,123)
```
#657b84
```
#657b84 rgb(101,123,132)
```
#5c7e8d
```
#5c7e8d rgb(92,126,141)
```
#538296
```
#538296 rgb(83,130,150)
```
#4a859f
```
#4a859f rgb(74,133,159)
```
#4189a8
```
#4189a8 rgb(65,137,168)
```
#388cb1
```
#388cb1 rgb(56,140,177)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#2693c3
```
#2693c3 rgb(38,147,195)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#149bd5
```
#149bd5 rgb(20,155,213)
```
#0b9ede
```
#0b9ede rgb(11,158,222)
```
#02a2e7
```
#02a2e7 rgb(2,162,231)
```

Tone Color Variation

Below, you can see how #1d97cc 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

#797979 Achromatopsia 0.005% of the population
#677f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8191c6 Protanopia 1% of men
#7492d2 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5d93c8 Protanomaly 1% of men, 0.01% of women
#5494d0 Deuteranomaly 6% of men, 0.4% of women
#0a9db8 Tritanomaly 0.01% of the population

#1d97cc hex color

#1d97cc Color Information

#1d97cc Color Conversion

Color Schemes with #1d97cc

Alternatives to #1d97cc

#1d97cc Preview

Shades and Tints of #1d97cc

Tones of #1d97cc

Color Blindness Simulator