#145f88 hex color

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

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

● #145f88 color description : Dark blue.

The hexadecimal color #145f88 has RGB values of R:20, G:95, B:136 and CMYK values of C:0.85, M:0.3, Y:0, K:0.47. Its decimal value is 1335176.

Hex triplet	145f88	`#145f88`
RGB Decimal	20, 95, 136	`rgb(20,95,136)`
RGB Percent	7.8, 37.3, 53.3	`rgb(7.8%,37.3%,53.3%)`
CMYK	85, 30, 0, 47
HSL	201.2°, 74.4, 30.6	`hsl(201.2,74.4%,30.6%)`
HSV (or HSB)	201.2°, 85.3, 53.3
Web Safe	006699	`#006699`

CIE-LAB	38.039, -6.529, -28.933
XYZ	8.824, 10.11, 24.778
xyY	0.202, 0.231, 10.11
CIE-LCH	38.039, 29.661, 257.283
CIE-LUV	38.039, -23.503, -39.969
Hunter-Lab	31.796, -6.109, -23.945
Binary	00010100, 01011111, 10001000

#145f88
```
#145f88 rgb(20,95,136)
```
#883d14
```
#883d14 rgb(136,61,20)
```

Complementary Color

#148877
```
#148877 rgb(20,136,119)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#142588
```
#142588 rgb(20,37,136)
```

Analogous Color

#887714
```
#887714 rgb(136,119,20)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#881425
```
#881425 rgb(136,20,37)
```

Split Complementary Color

#5f8814
```
#5f8814 rgb(95,136,20)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#88145f
```
#88145f rgb(136,20,95)
```

Triadic Color

#14883d
```
#14883d rgb(20,136,61)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#88145f
```
#88145f rgb(136,20,95)
```
#883d14
```
#883d14 rgb(136,61,20)
```

Tetradic Color

#0a3045
```
#0a3045 rgb(10,48,69)
```
#0d405c
```
#0d405c rgb(13,64,92)
```
#114f72
```
#114f72 rgb(17,79,114)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#176f9e
```
#176f9e rgb(23,111,158)
```
#1b7eb4
```
#1b7eb4 rgb(27,126,180)
```
#1e8ecb
```
#1e8ecb rgb(30,142,203)
```

Monochromatic Color

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

#147c88
```
#147c88 rgb(20,124,136)
```
#147288
```
#147288 rgb(20,114,136)
```
#146988
```
#146988 rgb(20,105,136)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#145588
```
#145588 rgb(20,85,136)
```
#144c88
```
#144c88 rgb(20,76,136)
```
#144288
```
#144288 rgb(20,66,136)
```

Similar Colors

Text with hexadecimal color #145f88

This text has a font color of #145f88.

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

#145f88 background color

This paragraph has a background color of #145f88.

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

#145f88 border color

This element has a border color of #145f88.

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

CSS codes

.text {color:#145f88;}

.background {background-color:#145f88;}

.border {border:1px solid #145f88;}

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

#020b10
```
#020b10 rgb(2,11,16)
```
#051721
```
#051721 rgb(5,23,33)
```
#072332
```
#072332 rgb(7,35,50)
```
#0a2f44
```
#0a2f44 rgb(10,47,68)
```
#0c3b55
```
#0c3b55 rgb(12,59,85)
```
#0f4766
```
#0f4766 rgb(15,71,102)
```
#115377
```
#115377 rgb(17,83,119)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#176b99
```
#176b99 rgb(23,107,153)
```
#1977aa
```
#1977aa rgb(25,119,170)
```
#1c83bb
```
#1c83bb rgb(28,131,187)
```
#1e8fcc
```
#1e8fcc rgb(30,143,204)
```
#219bde
```
#219bde rgb(33,155,222)
```

Shade Color Variation

#31a3e1
```
#31a3e1 rgb(49,163,225)
```
#42aae3
```
#42aae3 rgb(66,170,227)
```
#53b2e6
```
#53b2e6 rgb(83,178,230)
```
#64bae8
```
#64bae8 rgb(100,186,232)
```
#75c1eb
```
#75c1eb rgb(117,193,235)
```
#86c9ed
```
#86c9ed rgb(134,201,237)
```
#98d1f0
```
#98d1f0 rgb(152,209,240)
```
#a9d8f2
```
#a9d8f2 rgb(169,216,242)
```
#bae0f5
```
#bae0f5 rgb(186,224,245)
```
#cbe8f7
```
#cbe8f7 rgb(203,232,247)
```
#dceffa
```
#dceffa rgb(220,239,250)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4a4f52
```
#4a4f52 rgb(74,79,82)
```
#445158
```
#445158 rgb(68,81,88)
```
#3e535e
```
#3e535e rgb(62,83,94)
```
#385464
```
#385464 rgb(56,84,100)
```
#32566a
```
#32566a rgb(50,86,106)
```
#2c5870
```
#2c5870 rgb(44,88,112)
```
#265a76
```
#265a76 rgb(38,90,118)
```
#205b7c
```
#205b7c rgb(32,91,124)
```
#1a5d82
```
#1a5d82 rgb(26,93,130)
```
#145f88
```
#145f88 rgb(20,95,136)
```
#0e618e
```
#0e618e rgb(14,97,142)
```
#086394
```
#086394 rgb(8,99,148)
```
#02649a
```
#02649a rgb(2,100,154)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#425159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546089 Protanopia 1% of men
#496190 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#3c6088 Protanomaly 1% of men, 0.01% of women
#35608d Deuteranomaly 6% of men, 0.4% of women
#07677a Tritanomaly 0.01% of the population

#145f88 hex color

#145f88 Color Information

#145f88 Color Conversion

Color Schemes with #145f88

Alternatives to #145f88

#145f88 Preview

Shades and Tints of #145f88

Tones of #145f88

Color Blindness Simulator