colorhexa.com

#1a7ddd hex color

In a RGB color space, hex #1a7ddd is composed of 10.2% red, 49% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 43.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 209.5 degrees, a saturation of 78.9% and a lightness of 48.4%. #1a7ddd color hex could be obtained by blending #34faff with #0000bb. Closest websafe color is: #3366cc.

- R 10
- G 49
- B 87
RGB color chart
- C 88
- M 43
- Y 0
- K 13
CMYK color chart

● #1a7ddd color description : Vivid blue.

The hexadecimal color #1a7ddd has RGB values of R:26, G:125, B:221 and CMYK values of C:0.88, M:0.43, Y:0, K:0.13. Its decimal value is 1736157.

Hex triplet	1a7ddd	`#1a7ddd`
RGB Decimal	26, 125, 221	`rgb(26,125,221)`
RGB Percent	10.2, 49, 86.7	`rgb(10.2%,49%,86.7%)`
CMYK	88, 43, 0, 13
HSL	209.5°, 78.9, 48.4	`hsl(209.5,78.9%,48.4%)`
HSV (or HSB)	209.5°, 88.2, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.956, 8.431, -56.418
XYZ	20.808, 20.105, 71.187
xyY	0.186, 0.179, 20.105
CIE-LCH	51.956, 57.045, 278.5
CIE-LUV	51.956, -28.735, -88.288
Hunter-Lab	44.839, 4.365, -62.742
Binary	00011010, 01111101, 11011101

#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#dd7a1a
```
#dd7a1a rgb(221,122,26)
```

Complementary Color

#1adddc
```
#1adddc rgb(26,221,220)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#1a1cdd
```
#1a1cdd rgb(26,28,221)
```

Analogous Color

#dddc1a
```
#dddc1a rgb(221,220,26)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#dd1a1c
```
#dd1a1c rgb(221,26,28)
```

Split Complementary Color

#7ddd1a
```
#7ddd1a rgb(125,221,26)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#dd1a7d
```
#dd1a7d rgb(221,26,125)
```

Triadic Color

#1add7a
```
#1add7a rgb(26,221,122)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#dd1a7d
```
#dd1a7d rgb(221,26,125)
```
#dd7a1a
```
#dd7a1a rgb(221,122,26)
```

Tetradic Color

#125699
```
#125699 rgb(18,86,153)
```
#1563af
```
#1563af rgb(21,99,175)
```
#1770c6
```
#1770c6 rgb(23,112,198)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#2b8ae6
```
#2b8ae6 rgb(43,138,230)
```
#4196e9
```
#4196e9 rgb(65,150,233)
```
#58a3eb
```
#58a3eb rgb(88,163,235)
```

Monochromatic Color

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

#1aaedd
```
#1aaedd rgb(26,174,221)
```
#1a9edd
```
#1a9edd rgb(26,158,221)
```
#1a8ddd
```
#1a8ddd rgb(26,141,221)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#1a6ddd
```
#1a6ddd rgb(26,109,221)
```
#1a5ddd
```
#1a5ddd rgb(26,93,221)
```
#1a4cdd
```
#1a4cdd rgb(26,76,221)
```

Similar Colors

Text with hexadecimal color #1a7ddd

This text has a font color of #1a7ddd.

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

#1a7ddd background color

This paragraph has a background color of #1a7ddd.

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

#1a7ddd border color

This element has a border color of #1a7ddd.

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

CSS codes

.text {color:#1a7ddd;}

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

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

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, #01060a is the darkest color, while #f8fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03101c
```
#03101c rgb(3,16,28)
```
#051a2d
```
#051a2d rgb(5,26,45)
```
#07243f
```
#07243f rgb(7,36,63)
```
#092e51
```
#092e51 rgb(9,46,81)
```
#0c3862
```
#0c3862 rgb(12,56,98)
```
#0e4174
```
#0e4174 rgb(14,65,116)
```
#104b85
```
#104b85 rgb(16,75,133)
```
#125597
```
#125597 rgb(18,85,151)
```
#145fa8
```
#145fa8 rgb(20,95,168)
```
#1669ba
```
#1669ba rgb(22,105,186)
```
#1873cb
```
#1873cb rgb(24,115,203)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```

Shade Color Variation

#2587e5
```
#2587e5 rgb(37,135,229)
```
#3790e7
```
#3790e7 rgb(55,144,231)
```
#489aea
```
#489aea rgb(72,154,234)
```
#5aa4ec
```
#5aa4ec rgb(90,164,236)
```
#6baeee
```
#6baeee rgb(107,174,238)
```
#7db7f0
```
#7db7f0 rgb(125,183,240)
```
#8fc1f2
```
#8fc1f2 rgb(143,193,242)
```
#a0cbf4
```
#a0cbf4 rgb(160,203,244)
```
#b2d4f6
```
#b2d4f6 rgb(178,212,246)
```
#c3def8
```
#c3def8 rgb(195,222,248)
```
#d5e8fa
```
#d5e8fa rgb(213,232,250)
```
#e6f1fc
```
#e6f1fc rgb(230,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7e is the less saturated color, while #077df0 is the most saturated one.

#797c7e
```
#797c7e rgb(121,124,126)
```
#707c88
```
#707c88 rgb(112,124,136)
```
#667c91
```
#667c91 rgb(102,124,145)
```
#5d7c9b
```
#5d7c9b rgb(93,124,155)
```
#537ca4
```
#537ca4 rgb(83,124,164)
```
#4a7cae
```
#4a7cae rgb(74,124,174)
```
#407cb7
```
#407cb7 rgb(64,124,183)
```
#377dc1
```
#377dc1 rgb(55,125,193)
```
#2d7dca
```
#2d7dca rgb(45,125,202)
```
#247dd4
```
#247dd4 rgb(36,125,212)
```
#1a7ddd
```
#1a7ddd rgb(26,125,221)
```
#117de7
```
#117de7 rgb(17,125,231)
```
#077df0
```
#077df0 rgb(7,125,240)
```

Tone Color Variation

Below, you can see how #1a7ddd 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
#5a6e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#537fdb Protanopia 1% of men
#0084dd Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#3e7edb Protanomaly 1% of men, 0.01% of women
#0981dd Deuteranomaly 6% of men, 0.4% of women
#0988b1 Tritanomaly 0.01% of the population