colorhexa.com

#1d81bc hex color

In a RGB color space, hex #1d81bc is composed of 11.4% red, 50.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 31.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 202.3 degrees, a saturation of 73.3% and a lightness of 42.5%. #1d81bc color hex could be obtained by blending #3affff with #000379. Closest websafe color is: #3399cc.

- R 11
- G 51
- B 74
RGB color chart
- C 85
- M 31
- Y 0
- K 26
CMYK color chart

● #1d81bc color description : Strong blue.

The hexadecimal color #1d81bc has RGB values of R:29, G:129, B:188 and CMYK values of C:0.85, M:0.31, Y:0, K:0.26. Its decimal value is 1933756.

Hex triplet	1d81bc	`#1d81bc`
RGB Decimal	29, 129, 188	`rgb(29,129,188)`
RGB Percent	11.4, 50.6, 73.7	`rgb(11.4%,50.6%,73.7%)`
CMYK	85, 31, 0, 26
HSL	202.3°, 73.3, 42.5	`hsl(202.3,73.3%,42.5%)`
HSV (or HSB)	202.3°, 84.6, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.372, -6.316, -38.59
XYZ	17.432, 19.591, 50.437
xyY	0.199, 0.224, 19.591
CIE-LCH	51.372, 39.104, 260.704
CIE-LUV	51.372, -31.464, -58.231
Hunter-Lab	44.262, -7.158, -36.579
Binary	00011101, 10000001, 10111100

#1d81bc
```
#1d81bc rgb(29,129,188)
```
#bc581d
```
#bc581d rgb(188,88,29)
```

Complementary Color

#1dbca8
```
#1dbca8 rgb(29,188,168)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#1d32bc
```
#1d32bc rgb(29,50,188)
```

Analogous Color

#bca81d
```
#bca81d rgb(188,168,29)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#bc1d32
```
#bc1d32 rgb(188,29,50)
```

Split Complementary Color

#81bc1d
```
#81bc1d rgb(129,188,29)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#bc1d81
```
#bc1d81 rgb(188,29,129)
```

Triadic Color

#1dbc58
```
#1dbc58 rgb(29,188,88)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#bc1d81
```
#bc1d81 rgb(188,29,129)
```
#bc581d
```
#bc581d rgb(188,88,29)
```

Tetradic Color

#13547a
```
#13547a rgb(19,84,122)
```
#166390
```
#166390 rgb(22,99,144)
```
#1a72a6
```
#1a72a6 rgb(26,114,166)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#2090d2
```
#2090d2 rgb(32,144,210)
```
#2d9ddf
```
#2d9ddf rgb(45,157,223)
```
#43a7e2
```
#43a7e2 rgb(67,167,226)
```

Monochromatic Color

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

#1da9bc
```
#1da9bc rgb(29,169,188)
```
#1d9cbc
```
#1d9cbc rgb(29,156,188)
```
#1d8ebc
```
#1d8ebc rgb(29,142,188)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#1d74bc
```
#1d74bc rgb(29,116,188)
```
#1d67bc
```
#1d67bc rgb(29,103,188)
```
#1d59bc
```
#1d59bc rgb(29,89,188)
```

Similar Colors

Text with hexadecimal color #1d81bc

This text has a font color of #1d81bc.

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

#1d81bc background color

This paragraph has a background color of #1d81bc.

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

#1d81bc border color

This element has a border color of #1d81bc.

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

CSS codes

.text {color:#1d81bc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#051823
```
#051823 rgb(5,24,35)
```
#082434
```
#082434 rgb(8,36,52)
```
#0b2f45
```
#0b2f45 rgb(11,47,69)
```
#0d3b56
```
#0d3b56 rgb(13,59,86)
```
#104767
```
#104767 rgb(16,71,103)
```
#135278
```
#135278 rgb(19,82,120)
```
#155e89
```
#155e89 rgb(21,94,137)
```
#186a9a
```
#186a9a rgb(24,106,154)
```
#1a75ab
```
#1a75ab rgb(26,117,171)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#208dcd
```
#208dcd rgb(32,141,205)
```

Shade Color Variation

#2398dd
```
#2398dd rgb(35,152,221)
```
#34a0e0
```
#34a0e0 rgb(52,160,224)
```
#45a8e2
```
#45a8e2 rgb(69,168,226)
```
#56b0e5
```
#56b0e5 rgb(86,176,229)
```
#67b8e8
```
#67b8e8 rgb(103,184,232)
```
#78c0ea
```
#78c0ea rgb(120,192,234)
```
#89c8ed
```
#89c8ed rgb(137,200,237)
```
#9ad0ef
```
#9ad0ef rgb(154,208,239)
```
#abd8f2
```
#abd8f2 rgb(171,216,242)
```
#bce0f5
```
#bce0f5 rgb(188,224,245)
```
#cde8f7
```
#cde8f7 rgb(205,232,247)
```
#def0fa
```
#def0fa rgb(222,240,250)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e71 is the less saturated color, while #0487d5 is the most saturated one.

#686e71
```
#686e71 rgb(104,110,113)
```
#607079
```
#607079 rgb(96,112,121)
```
#577282
```
#577282 rgb(87,114,130)
```
#4f748a
```
#4f748a rgb(79,116,138)
```
#477692
```
#477692 rgb(71,118,146)
```
#3e789b
```
#3e789b rgb(62,120,155)
```
#367ba3
```
#367ba3 rgb(54,123,163)
```
#2e7dab
```
#2e7dab rgb(46,125,171)
```
#257fb4
```
#257fb4 rgb(37,127,180)
```
#1d81bc
```
#1d81bc rgb(29,129,188)
```
#1583c4
```
#1583c4 rgb(21,131,196)
```
#0c85cd
```
#0c85cd rgb(12,133,205)
```
#0487d5
```
#0487d5 rgb(4,135,213)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5b6f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7fb9 Protanopia 1% of men
#5b81c2 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#4f7fba Protanomaly 1% of men, 0.01% of women
#4481bf Deuteranomaly 6% of men, 0.4% of women
#0a89a4 Tritanomaly 0.01% of the population