#285f74 hex color

In a RGB color space, hex #285f74 is composed of 15.7% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 18.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 196.6 degrees, a saturation of 48.7% and a lightness of 30.6%. #285f74 color hex could be obtained by blending #50bee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 37
- B 45
RGB color chart
- C 66
- M 18
- Y 0
- K 55
CMYK color chart

● #285f74 color description : Dark moderate blue.

The hexadecimal color #285f74 has RGB values of R:40, G:95, B:116 and CMYK values of C:0.66, M:0.18, Y:0, K:0.55. Its decimal value is 2645876.

Hex triplet	285f74	`#285f74`
RGB Decimal	40, 95, 116	`rgb(40,95,116)`
RGB Percent	15.7, 37.3, 45.5	`rgb(15.7%,37.3%,45.5%)`
CMYK	66, 18, 0, 55
HSL	196.6°, 48.7, 30.6	`hsl(196.6,48.7%,30.6%)`
HSV (or HSB)	196.6°, 65.5, 45.5
Web Safe	336666	`#336666`

CIE-LAB	37.655, -11.069, -17.266
XYZ	8.119, 9.896, 18.004
xyY	0.225, 0.275, 9.896
CIE-LCH	37.655, 20.509, 237.337
CIE-LUV	37.655, -21.349, -22.212
Hunter-Lab	31.458, -8.982, -11.913
Binary	00101000, 01011111, 01110100

#285f74
```
#285f74 rgb(40,95,116)
```
#743d28
```
#743d28 rgb(116,61,40)
```

Complementary Color

#287463
```
#287463 rgb(40,116,99)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#283974
```
#283974 rgb(40,57,116)
```

Analogous Color

#746328
```
#746328 rgb(116,99,40)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#742839
```
#742839 rgb(116,40,57)
```

Split Complementary Color

#5f7428
```
#5f7428 rgb(95,116,40)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#74285f
```
#74285f rgb(116,40,95)
```

Triadic Color

#28743d
```
#28743d rgb(40,116,61)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#74285f
```
#74285f rgb(116,40,95)
```
#743d28
```
#743d28 rgb(116,61,40)
```

Tetradic Color

#14303b
```
#14303b rgb(20,48,59)
```
#1b404e
```
#1b404e rgb(27,64,78)
```
#214f61
```
#214f61 rgb(33,79,97)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#2f6f87
```
#2f6f87 rgb(47,111,135)
```
#357e9a
```
#357e9a rgb(53,126,154)
```
#3c8ead
```
#3c8ead rgb(60,142,173)
```

Monochromatic Color

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

#287274
```
#287274 rgb(40,114,116)
```
#286c74
```
#286c74 rgb(40,108,116)
```
#286574
```
#286574 rgb(40,101,116)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#285974
```
#285974 rgb(40,89,116)
```
#285274
```
#285274 rgb(40,82,116)
```
#284c74
```
#284c74 rgb(40,76,116)
```

Similar Colors

Text with hexadecimal color #285f74

This text has a font color of #285f74.

<span style="color:#285f74;">Text here</span>

#285f74 background color

This paragraph has a background color of #285f74.

<p style="background-color:#285f74;">Content here</p>

#285f74 border color

This element has a border color of #285f74.

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

CSS codes

.text {color:#285f74;}

.background {background-color:#285f74;}

.border {border:1px solid #285f74;}

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, #050b0e is the darkest color, while #feffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171c
```
#0a171c rgb(10,23,28)
```
#0f232b
```
#0f232b rgb(15,35,43)
```
#142f3a
```
#142f3a rgb(20,47,58)
```
#193b48
```
#193b48 rgb(25,59,72)
```
#1e4757
```
#1e4757 rgb(30,71,87)
```
#235365
```
#235365 rgb(35,83,101)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#2d6b83
```
#2d6b83 rgb(45,107,131)
```
#327791
```
#327791 rgb(50,119,145)
```
#3783a0
```
#3783a0 rgb(55,131,160)
```
#3c8fae
```
#3c8fae rgb(60,143,174)
```
#419bbd
```
#419bbd rgb(65,155,189)
```

Shade Color Variation

#4fa3c2
```
#4fa3c2 rgb(79,163,194)
```
#5eaac7
```
#5eaac7 rgb(94,170,199)
```
#6cb2cc
```
#6cb2cc rgb(108,178,204)
```
#7bbad1
```
#7bbad1 rgb(123,186,209)
```
#8ac1d7
```
#8ac1d7 rgb(138,193,215)
```
#98c9dc
```
#98c9dc rgb(152,201,220)
```
#a7d1e1
```
#a7d1e1 rgb(167,209,225)
```
#b5d8e6
```
#b5d8e6 rgb(181,216,230)
```
#c4e0eb
```
#c4e0eb rgb(196,224,235)
```
#d3e8f0
```
#d3e8f0 rgb(211,232,240)
```
#e1eff5
```
#e1eff5 rgb(225,239,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4c4f50
```
#4c4f50 rgb(76,79,80)
```
#465256
```
#465256 rgb(70,82,86)
```
#40545c
```
#40545c rgb(64,84,92)
```
#3a5762
```
#3a5762 rgb(58,87,98)
```
#345a68
```
#345a68 rgb(52,90,104)
```
#2e5c6e
```
#2e5c6e rgb(46,92,110)
```
#285f74
```
#285f74 rgb(40,95,116)
```
#22627a
```
#22627a rgb(34,98,122)
```
#1c6480
```
#1c6480 rgb(28,100,128)
```
#166786
```
#166786 rgb(22,103,134)
```
#106a8c
```
#106a8c rgb(16,106,140)
```
#0a6c92
```
#0a6c92 rgb(10,108,146)
```
#046f98
```
#046f98 rgb(4,111,152)
```

Tone Color Variation

Below, you can see how #285f74 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

#515151 Achromatopsia 0.005% of the population
#495458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6076 Protanopia 1% of men
#595f7e Deuteranopia 1% of men
#2c6970 Tritanopia 0.001% of the population

Trichromacy

#485f75 Protanomaly 1% of men, 0.01% of women
#475f7a Deuteranomaly 6% of men, 0.4% of women
#2b6572 Tritanomaly 0.01% of the population

#285f74 hex color

#285f74 Color Information

#285f74 Color Conversion

Color Schemes with #285f74

Alternatives to #285f74

#285f74 Preview

Shades and Tints of #285f74

Tones of #285f74

Color Blindness Simulator