#145488 hex color

In a RGB color space, hex #145488 is composed of 7.8% red, 32.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 38.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 206.9 degrees, a saturation of 74.4% and a lightness of 30.6%. #145488 color hex could be obtained by blending #28a8ff with #000011. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 33
- B 53
RGB color chart
- C 85
- M 38
- Y 0
- K 47
CMYK color chart

● #145488 color description : Dark blue.

The hexadecimal color #145488 has RGB values of R:20, G:84, B:136 and CMYK values of C:0.85, M:0.38, Y:0, K:0.47. Its decimal value is 1332360.

Hex triplet	145488	`#145488`
RGB Decimal	20, 84, 136	`rgb(20,84,136)`
RGB Percent	7.8, 32.9, 53.3	`rgb(7.8%,32.9%,53.3%)`
CMYK	85, 38, 0, 47
HSL	206.9°, 74.4, 30.6	`hsl(206.9,74.4%,30.6%)`
HSV (or HSB)	206.9°, 85.3, 53.3
Web Safe	006699	`#006699`

CIE-LAB	34.531, 0.414, -34.474
XYZ	7.902, 8.266, 24.47
xyY	0.194, 0.203, 8.266
CIE-LCH	34.531, 34.477, 270.688
CIE-LUV	34.531, -19.703, -47.57
Hunter-Lab	28.751, -1.257, -30.336
Binary	00010100, 01010100, 10001000

#145488
```
#145488 rgb(20,84,136)
```
#884814
```
#884814 rgb(136,72,20)
```

Complementary Color

#148882
```
#148882 rgb(20,136,130)
```
#145488
```
#145488 rgb(20,84,136)
```
#141a88
```
#141a88 rgb(20,26,136)
```

Analogous Color

#888214
```
#888214 rgb(136,130,20)
```
#145488
```
#145488 rgb(20,84,136)
```
#88141a
```
#88141a rgb(136,20,26)
```

Split Complementary Color

#548814
```
#548814 rgb(84,136,20)
```
#145488
```
#145488 rgb(20,84,136)
```
#881454
```
#881454 rgb(136,20,84)
```

Triadic Color

#148848
```
#148848 rgb(20,136,72)
```
#145488
```
#145488 rgb(20,84,136)
```
#881454
```
#881454 rgb(136,20,84)
```
#884814
```
#884814 rgb(136,72,20)
```

Tetradic Color

#0a2b45
```
#0a2b45 rgb(10,43,69)
```
#0d395c
```
#0d395c rgb(13,57,92)
```
#114672
```
#114672 rgb(17,70,114)
```
#145488
```
#145488 rgb(20,84,136)
```
#17629e
```
#17629e rgb(23,98,158)
```
#1b6fb4
```
#1b6fb4 rgb(27,111,180)
```
#1e7dcb
```
#1e7dcb rgb(30,125,203)
```

Monochromatic Color

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

#147188
```
#147188 rgb(20,113,136)
```
#146788
```
#146788 rgb(20,103,136)
```
#145e88
```
#145e88 rgb(20,94,136)
```
#145488
```
#145488 rgb(20,84,136)
```
#144a88
```
#144a88 rgb(20,74,136)
```
#144188
```
#144188 rgb(20,65,136)
```
#143788
```
#143788 rgb(20,55,136)
```

Similar Colors

Text with hexadecimal color #145488

This text has a font color of #145488.

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

#145488 background color

This paragraph has a background color of #145488.

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

#145488 border color

This element has a border color of #145488.

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

CSS codes

.text {color:#145488;}

.background {background-color:#145488;}

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

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

#020a10
```
#020a10 rgb(2,10,16)
```
#051521
```
#051521 rgb(5,21,33)
```
#071f32
```
#071f32 rgb(7,31,50)
```
#0a2a44
```
#0a2a44 rgb(10,42,68)
```
#0c3455
```
#0c3455 rgb(12,52,85)
```
#0f3f66
```
#0f3f66 rgb(15,63,102)
```
#114977
```
#114977 rgb(17,73,119)
```
#145488
```
#145488 rgb(20,84,136)
```
#175f99
```
#175f99 rgb(23,95,153)
```
#1969aa
```
#1969aa rgb(25,105,170)
```
#1c74bb
```
#1c74bb rgb(28,116,187)
```
#1e7ecc
```
#1e7ecc rgb(30,126,204)
```
#2189de
```
#2189de rgb(33,137,222)
```

Shade Color Variation

#3192e1
```
#3192e1 rgb(49,146,225)
```
#429be3
```
#429be3 rgb(66,155,227)
```
#53a4e6
```
#53a4e6 rgb(83,164,230)
```
#64ade8
```
#64ade8 rgb(100,173,232)
```
#75b6eb
```
#75b6eb rgb(117,182,235)
```
#86bfed
```
#86bfed rgb(134,191,237)
```
#98c8f0
```
#98c8f0 rgb(152,200,240)
```
#a9d1f2
```
#a9d1f2 rgb(169,209,242)
```
#badaf5
```
#badaf5 rgb(186,218,245)
```
#cbe3f7
```
#cbe3f7 rgb(203,227,247)
```
#dcecfa
```
#dcecfa rgb(220,236,250)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4a4e52
```
#4a4e52 rgb(74,78,82)
```
#444f58
```
#444f58 rgb(68,79,88)
```
#3e505e
```
#3e505e rgb(62,80,94)
```
#385064
```
#385064 rgb(56,80,100)
```
#32516a
```
#32516a rgb(50,81,106)
```
#2c5270
```
#2c5270 rgb(44,82,112)
```
#265276
```
#265276 rgb(38,82,118)
```
#20537c
```
#20537c rgb(32,83,124)
```
#1a5382
```
#1a5382 rgb(26,83,130)
```
#145488
```
#145488 rgb(20,84,136)
```
#0e558e
```
#0e558e rgb(14,85,142)
```
#085594
```
#085594 rgb(8,85,148)
```
#02569a
```
#02569a rgb(2,86,154)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3d4a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45588a Protanopia 1% of men
#335a8f Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#335689 Protanomaly 1% of men, 0.01% of women
#27588c Deuteranomaly 6% of men, 0.4% of women
#075d74 Tritanomaly 0.01% of the population

#145488 hex color

#145488 Color Information

#145488 Color Conversion

Color Schemes with #145488

Alternatives to #145488

#145488 Preview

Shades and Tints of #145488

Tones of #145488

Color Blindness Simulator