colorhexa.com

#153f7f hex color

In a RGB color space, hex #153f7f is composed of 8.2% red, 24.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 50.4% magenta, 0% yellow and 50.2% black. It has a hue angle of 216.2 degrees, a saturation of 71.6% and a lightness of 29%. #153f7f color hex could be obtained by blending #2a7efe with #000000. Closest websafe color is: #003366.

- R 8
- G 25
- B 50
RGB color chart
- C 83
- M 50
- Y 0
- K 50
CMYK color chart

● #153f7f color description : Dark blue.

The hexadecimal color #153f7f has RGB values of R:21, G:63, B:127 and CMYK values of C:0.83, M:0.5, Y:0, K:0.5. Its decimal value is 1392511.

Hex triplet	153f7f	`#153f7f`
RGB Decimal	21, 63, 127	`rgb(21,63,127)`
RGB Percent	8.2, 24.7, 49.8	`rgb(8.2%,24.7%,49.8%)`
CMYK	83, 50, 0, 50
HSL	216.2°, 71.6, 29	`hsl(216.2,71.6%,29%)`
HSV (or HSB)	216.2°, 83.5, 49.8
Web Safe	003366	`#003366`

CIE-LAB	27.425, 10.983, -40.274
XYZ	5.917, 5.246, 20.778
xyY	0.185, 0.164, 5.246
CIE-LCH	27.425, 41.745, 285.254
CIE-LUV	27.425, -13.114, -52.416
Hunter-Lab	22.905, 6.026, -37.752
Binary	00010101, 00111111, 01111111

#153f7f
```
#153f7f rgb(21,63,127)
```
#7f5515
```
#7f5515 rgb(127,85,21)
```

Complementary Color

#15747f
```
#15747f rgb(21,116,127)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#20157f
```
#20157f rgb(32,21,127)
```

Analogous Color

#747f15
```
#747f15 rgb(116,127,21)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#7f2015
```
#7f2015 rgb(127,32,21)
```

Split Complementary Color

#3f7f15
```
#3f7f15 rgb(63,127,21)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#7f153f
```
#7f153f rgb(127,21,63)
```

Triadic Color

#0a1e3d
```
#0a1e3d rgb(10,30,61)
```
#0e2953
```
#0e2953 rgb(14,41,83)
```
#113469
```
#113469 rgb(17,52,105)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#194a95
```
#194a95 rgb(25,74,149)
```
#1c55ab
```
#1c55ab rgb(28,85,171)
```
#2060c1
```
#2060c1 rgb(32,96,193)
```

Monochromatic Color

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

#155a7f
```
#155a7f rgb(21,90,127)
```
#15517f
```
#15517f rgb(21,81,127)
```
#15487f
```
#15487f rgb(21,72,127)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#15367f
```
#15367f rgb(21,54,127)
```
#152d7f
```
#152d7f rgb(21,45,127)
```
#15257f
```
#15257f rgb(21,37,127)
```

Similar Colors

Text with hexadecimal color #153f7f

This text has a font color of #153f7f.

<span style="color:#153f7f;">Text here</span>

#153f7f background color

This paragraph has a background color of #153f7f.

<p style="background-color:#153f7f;">Content here</p>

#153f7f border color

This element has a border color of #153f7f.

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

CSS codes

.text {color:#153f7f;}

.background {background-color:#153f7f;}

.border {border:1px solid #153f7f;}

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

#020509
```
#020509 rgb(2,5,9)
```
#040d1a
```
#040d1a rgb(4,13,26)
```
#07152b
```
#07152b rgb(7,21,43)
```
#0a1e3c
```
#0a1e3c rgb(10,30,60)
```
#0d264d
```
#0d264d rgb(13,38,77)
```
#0f2e5d
```
#0f2e5d rgb(15,46,93)
```
#12376e
```
#12376e rgb(18,55,110)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#184790
```
#184790 rgb(24,71,144)
```
#1b50a1
```
#1b50a1 rgb(27,80,161)
```
#1d58b1
```
#1d58b1 rgb(29,88,177)
```
#2060c2
```
#2060c2 rgb(32,96,194)
```
#2369d3
```
#2369d3 rgb(35,105,211)
```

Shade Color Variation

#2d73dc
```
#2d73dc rgb(45,115,220)
```
#3e7edf
```
#3e7edf rgb(62,126,223)
```
#4f89e2
```
#4f89e2 rgb(79,137,226)
```
#6094e5
```
#6094e5 rgb(96,148,229)
```
#71a0e7
```
#71a0e7 rgb(113,160,231)
```
#82abea
```
#82abea rgb(130,171,234)
```
#92b6ed
```
#92b6ed rgb(146,182,237)
```
#a3c2f0
```
#a3c2f0 rgb(163,194,240)
```
#b4cdf3
```
#b4cdf3 rgb(180,205,243)
```
#c5d8f5
```
#c5d8f5 rgb(197,216,245)
```
#d6e3f8
```
#d6e3f8 rgb(214,227,248)
```
#e7effb
```
#e7effb rgb(231,239,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4c is the less saturated color, while #043b90 is the most saturated one.

#484a4c
```
#484a4c rgb(72,74,76)
```
#434851
```
#434851 rgb(67,72,81)
```
#3d4757
```
#3d4757 rgb(61,71,87)
```
#37465d
```
#37465d rgb(55,70,93)
```
#314563
```
#314563 rgb(49,69,99)
```
#2c4468
```
#2c4468 rgb(44,68,104)
```
#26436e
```
#26436e rgb(38,67,110)
```
#204174
```
#204174 rgb(32,65,116)
```
#1b4079
```
#1b4079 rgb(27,64,121)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#0f3e85
```
#0f3e85 rgb(15,62,133)
```
#0a3d8a
```
#0a3d8a rgb(10,61,138)
```
#043b90
```
#043b90 rgb(4,59,144)
```

Tone Color Variation

Below, you can see how #153f7f 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

#3a3a3a Achromatopsia 0.005% of the population
#333b48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254885 Protanopia 1% of men
#004c7d Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#1f4583 Protanomaly 1% of men, 0.01% of women
#07477e Deuteranomaly 6% of men, 0.4% of women
#074b65 Tritanomaly 0.01% of the population