#1a7284 hex color

In a RGB color space, hex #1a7284 is composed of 10.2% red, 44.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 13.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 190.2 degrees, a saturation of 67.1% and a lightness of 31%. #1a7284 color hex could be obtained by blending #34e4ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 10
- G 45
- B 52
RGB color chart
- C 80
- M 14
- Y 0
- K 48
CMYK color chart

● #1a7284 color description : Dark cyan.

The hexadecimal color #1a7284 has RGB values of R:26, G:114, B:132 and CMYK values of C:0.8, M:0.14, Y:0, K:0.48. Its decimal value is 1733252.

Hex triplet	1a7284	`#1a7284`
RGB Decimal	26, 114, 132	`rgb(26,114,132)`
RGB Percent	10.2, 44.7, 51.8	`rgb(10.2%,44.7%,51.8%)`
CMYK	80, 14, 0, 48
HSL	190.2°, 67.1, 31	`hsl(190.2,67.1%,31%)`
HSV (or HSB)	190.2°, 80.3, 51.8
Web Safe	336699	`#336699`

CIE-LAB	44.117, -18.399, -17.09
XYZ	10.607, 13.919, 23.956
xyY	0.219, 0.287, 13.919
CIE-LCH	44.117, 25.111, 222.887
CIE-LUV	44.117, -29.921, -21.929
Hunter-Lab	37.308, -14.541, -11.955
Binary	00011010, 01110010, 10000100

#1a7284
```
#1a7284 rgb(26,114,132)
```
#842c1a
```
#842c1a rgb(132,44,26)
```

Complementary Color

#1a8461
```
#1a8461 rgb(26,132,97)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#1a3d84
```
#1a3d84 rgb(26,61,132)
```

Analogous Color

#84611a
```
#84611a rgb(132,97,26)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#841a3d
```
#841a3d rgb(132,26,61)
```

Split Complementary Color

#72841a
```
#72841a rgb(114,132,26)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#841a72
```
#841a72 rgb(132,26,114)
```

Triadic Color

#1a842c
```
#1a842c rgb(26,132,44)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#841a72
```
#841a72 rgb(132,26,114)
```
#842c1a
```
#842c1a rgb(132,44,26)
```

Tetradic Color

#0d3b44
```
#0d3b44 rgb(13,59,68)
```
#124d59
```
#124d59 rgb(18,77,89)
```
#16606f
```
#16606f rgb(22,96,111)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#1e8499
```
#1e8499 rgb(30,132,153)
```
#2297af
```
#2297af rgb(34,151,175)
```
#27a9c4
```
#27a9c4 rgb(39,169,196)
```

Monochromatic Color

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

#1a847c
```
#1a847c rgb(26,132,124)
```
#1a8484
```
#1a8484 rgb(26,132,132)
```
#1a7b84
```
#1a7b84 rgb(26,123,132)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#1a6984
```
#1a6984 rgb(26,105,132)
```
#1a6084
```
#1a6084 rgb(26,96,132)
```
#1a5884
```
#1a5884 rgb(26,88,132)
```

Similar Colors

Text with hexadecimal color #1a7284

This text has a font color of #1a7284.

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

#1a7284 background color

This paragraph has a background color of #1a7284.

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

#1a7284 border color

This element has a border color of #1a7284.

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

CSS codes

.text {color:#1a7284;}

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

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

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 #f0fafc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030f11
```
#030f11 rgb(3,15,17)
```
#071d22
```
#071d22 rgb(7,29,34)
```
#0a2b32
```
#0a2b32 rgb(10,43,50)
```
#0d3942
```
#0d3942 rgb(13,57,66)
```
#104853
```
#104853 rgb(16,72,83)
```
#145663
```
#145663 rgb(20,86,99)
```
#176474
```
#176474 rgb(23,100,116)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#1d8094
```
#1d8094 rgb(29,128,148)
```
#208ea5
```
#208ea5 rgb(32,142,165)
```
#249cb5
```
#249cb5 rgb(36,156,181)
```
#27abc6
```
#27abc6 rgb(39,171,198)
```

Shade Color Variation

#2bb8d5
```
#2bb8d5 rgb(43,184,213)
```
#3bbed8
```
#3bbed8 rgb(59,190,216)
```
#4cc3dc
```
#4cc3dc rgb(76,195,220)
```
#5cc9df
```
#5cc9df rgb(92,201,223)
```
#6ccee2
```
#6ccee2 rgb(108,206,226)
```
#7dd4e5
```
#7dd4e5 rgb(125,212,229)
```
#8dd9e9
```
#8dd9e9 rgb(141,217,233)
```
#9edfec
```
#9edfec rgb(158,223,236)
```
#aee4ef
```
#aee4ef rgb(174,228,239)
```
#bee9f2
```
#bee9f2 rgb(190,233,242)
```
#cfeff5
```
#cfeff5 rgb(207,239,245)
```
#dff4f9
```
#dff4f9 rgb(223,244,249)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5253 is the less saturated color, while #02829c is the most saturated one.

#4b5253
```
#4b5253 rgb(75,82,83)
```
#455659
```
#455659 rgb(69,86,89)
```
#3e5a60
```
#3e5a60 rgb(62,90,96)
```
#385e66
```
#385e66 rgb(56,94,102)
```
#32626c
```
#32626c rgb(50,98,108)
```
#2c6672
```
#2c6672 rgb(44,102,114)
```
#266a78
```
#266a78 rgb(38,106,120)
```
#206e7e
```
#206e7e rgb(32,110,126)
```
#1a7284
```
#1a7284 rgb(26,114,132)
```
#14768a
```
#14768a rgb(20,118,138)
```
#0e7a90
```
#0e7a90 rgb(14,122,144)
```
#087e96
```
#087e96 rgb(8,126,150)
```
#02829c
```
#02829c rgb(2,130,156)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4d5f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f84 Protanopia 1% of men
#696e8e Deuteranopia 1% of men
#1d7a83 Tritanopia 0.001% of the population

Trichromacy

#4d7084 Protanomaly 1% of men, 0.01% of women
#4c6f8a Deuteranomaly 6% of men, 0.4% of women
#1c7783 Tritanomaly 0.01% of the population

#1a7284 hex color

#1a7284 Color Information

#1a7284 Color Conversion

Color Schemes with #1a7284

Alternatives to #1a7284

#1a7284 Preview

Shades and Tints of #1a7284

Tones of #1a7284

Color Blindness Simulator