#154fb2 hex color

In a RGB color space, hex #154fb2 is composed of 8.2% red, 31% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 55.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 217.8 degrees, a saturation of 78.9% and a lightness of 39%. #154fb2 color hex could be obtained by blending #2a9eff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 31
- B 70
RGB color chart
- C 88
- M 56
- Y 0
- K 30
CMYK color chart

● #154fb2 color description : Dark blue.

The hexadecimal color #154fb2 has RGB values of R:21, G:79, B:178 and CMYK values of C:0.88, M:0.56, Y:0, K:0.3. Its decimal value is 1396658.

Hex triplet	154fb2	`#154fb2`
RGB Decimal	21, 79, 178	`rgb(21,79,178)`
RGB Percent	8.2, 31, 69.8	`rgb(8.2%,31%,69.8%)`
CMYK	88, 56, 0, 30
HSL	217.8°, 78.9, 39	`hsl(217.8,78.9%,39%)`
HSV (or HSB)	217.8°, 88.2, 69.8
Web Safe	006699	`#006699`

CIE-LAB	35.916, 20.909, -57.519
XYZ	11.139, 8.965, 43.26
xyY	0.176, 0.141, 8.965
CIE-LCH	35.916, 61.202, 289.977
CIE-LUV	35.916, -16.829, -81.878
Hunter-Lab	29.941, 14.012, -64.705
Binary	00010101, 01001111, 10110010

#154fb2
```
#154fb2 rgb(21,79,178)
```
#b27815
```
#b27815 rgb(178,120,21)
```

Complementary Color

#159eb2
```
#159eb2 rgb(21,158,178)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#2a15b2
```
#2a15b2 rgb(42,21,178)
```

Analogous Color

#9eb215
```
#9eb215 rgb(158,178,21)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#b22a15
```
#b22a15 rgb(178,42,21)
```

Split Complementary Color

#4fb215
```
#4fb215 rgb(79,178,21)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#b2154f
```
#b2154f rgb(178,21,79)
```

Triadic Color

#15b278
```
#15b278 rgb(21,178,120)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#b2154f
```
#b2154f rgb(178,21,79)
```
#b27815
```
#b27815 rgb(178,120,21)
```

Tetradic Color

#0d316e
```
#0d316e rgb(13,49,110)
```
#103b84
```
#103b84 rgb(16,59,132)
```
#12459b
```
#12459b rgb(18,69,155)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#1859c9
```
#1859c9 rgb(24,89,201)
```
#1a63e0
```
#1a63e0 rgb(26,99,224)
```
#2d72e6
```
#2d72e6 rgb(45,114,230)
```

Monochromatic Color

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

#1576b2
```
#1576b2 rgb(21,118,178)
```
#1569b2
```
#1569b2 rgb(21,105,178)
```
#155cb2
```
#155cb2 rgb(21,92,178)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#1542b2
```
#1542b2 rgb(21,66,178)
```
#1535b2
```
#1535b2 rgb(21,53,178)
```
#1528b2
```
#1528b2 rgb(21,40,178)
```

Similar Colors

Text with hexadecimal color #154fb2

This text has a font color of #154fb2.

<span style="color:#154fb2;">Text here</span>

#154fb2 background color

This paragraph has a background color of #154fb2.

<p style="background-color:#154fb2;">Content here</p>

#154fb2 border color

This element has a border color of #154fb2.

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

CSS codes

.text {color:#154fb2;}

.background {background-color:#154fb2;}

.border {border:1px solid #154fb2;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020914
```
#020914 rgb(2,9,20)
```
#041126
```
#041126 rgb(4,17,38)
```
#071837
```
#071837 rgb(7,24,55)
```
#092049
```
#092049 rgb(9,32,73)
```
#0b285a
```
#0b285a rgb(11,40,90)
```
#0d306c
```
#0d306c rgb(13,48,108)
```
#0f387d
```
#0f387d rgb(15,56,125)
```
#113f8f
```
#113f8f rgb(17,63,143)
```
#1347a0
```
#1347a0 rgb(19,71,160)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#1757c4
```
#1757c4 rgb(23,87,196)
```
#195fd5
```
#195fd5 rgb(25,95,213)
```

Shade Color Variation

#1d67e4
```
#1d67e4 rgb(29,103,228)
```
#2f73e6
```
#2f73e6 rgb(47,115,230)
```
#417fe9
```
#417fe9 rgb(65,127,233)
```
#528aeb
```
#528aeb rgb(82,138,235)
```
#6496ed
```
#6496ed rgb(100,150,237)
```
#75a2ef
```
#75a2ef rgb(117,162,239)
```
#87aef1
```
#87aef1 rgb(135,174,241)
```
#98baf3
```
#98baf3 rgb(152,186,243)
```
#aac6f5
```
#aac6f5 rgb(170,198,245)
```
#bbd1f7
```
#bbd1f7 rgb(187,209,247)
```
#cdddf9
```
#cdddf9 rgb(205,221,249)
```
#dee9fb
```
#dee9fb rgb(222,233,251)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626365 is the less saturated color, while #064bc1 is the most saturated one.

#626365
```
#626365 rgb(98,99,101)
```
#5a616d
```
#5a616d rgb(90,97,109)
```
#525f75
```
#525f75 rgb(82,95,117)
```
#4b5d7c
```
#4b5d7c rgb(75,93,124)
```
#435b84
```
#435b84 rgb(67,91,132)
```
#3b598c
```
#3b598c rgb(59,89,140)
```
#345793
```
#345793 rgb(52,87,147)
```
#2c559b
```
#2c559b rgb(44,85,155)
```
#2453a3
```
#2453a3 rgb(36,83,163)
```
#1d51aa
```
#1d51aa rgb(29,81,170)
```
#154fb2
```
#154fb2 rgb(21,79,178)
```
#0d4dba
```
#0d4dba rgb(13,77,186)
```
#064bc1
```
#064bc1 rgb(6,75,193)
```

Tone Color Variation

Below, you can see how #154fb2 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

#494949 Achromatopsia 0.005% of the population
#3f4a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#0756b1 Protanomaly 1% of men, 0.01% of women
#0759a3 Deuteranomaly 6% of men, 0.4% of women
#075e85 Tritanomaly 0.01% of the population

#154fb2 hex color

#154fb2 Color Information

#154fb2 Color Conversion

Color Schemes with #154fb2

Alternatives to #154fb2

#154fb2 Preview

Shades and Tints of #154fb2

Tones of #154fb2

Color Blindness Simulator