#146386 hex color

In a RGB color space, hex #146386 is composed of 7.8% red, 38.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 26.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 198.4 degrees, a saturation of 74% and a lightness of 30.2%. #146386 color hex could be obtained by blending #28c6ff with #00000d. Closest websafe color is: #006699.

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

● #146386 color description : Dark blue.

The hexadecimal color #146386 has RGB values of R:20, G:99, B:134 and CMYK values of C:0.85, M:0.26, Y:0, K:0.47. Its decimal value is 1336198.

Hex triplet	146386	`#146386`
RGB Decimal	20, 99, 134	`rgb(20,99,134)`
RGB Percent	7.8, 38.8, 52.5	`rgb(7.8%,38.8%,52.5%)`
CMYK	85, 26, 0, 47
HSL	198.4°, 74, 30.2	`hsl(198.4,74%,30.2%)`
HSV (or HSB)	198.4°, 85.1, 52.5
Web Safe	006699	`#006699`

CIE-LAB	39.229, -9.72, -25.856
XYZ	9.052, 10.793, 24.159
xyY	0.206, 0.245, 10.793
CIE-LCH	39.229, 27.623, 249.398
CIE-LUV	39.229, -25.034, -35.339
Hunter-Lab	32.852, -8.307, -20.604
Binary	00010100, 01100011, 10000110

#146386
```
#146386 rgb(20,99,134)
```
#863714
```
#863714 rgb(134,55,20)
```

Complementary Color

#148670
```
#148670 rgb(20,134,112)
```
#146386
```
#146386 rgb(20,99,134)
```
#142a86
```
#142a86 rgb(20,42,134)
```

Analogous Color

#867014
```
#867014 rgb(134,112,20)
```
#146386
```
#146386 rgb(20,99,134)
```
#86142a
```
#86142a rgb(134,20,42)
```

Split Complementary Color

#638614
```
#638614 rgb(99,134,20)
```
#146386
```
#146386 rgb(20,99,134)
```
#861463
```
#861463 rgb(134,20,99)
```

Triadic Color

#148637
```
#148637 rgb(20,134,55)
```
#146386
```
#146386 rgb(20,99,134)
```
#861463
```
#861463 rgb(134,20,99)
```
#863714
```
#863714 rgb(134,55,20)
```

Tetradic Color

#0a3243
```
#0a3243 rgb(10,50,67)
```
#0d425a
```
#0d425a rgb(13,66,90)
```
#115370
```
#115370 rgb(17,83,112)
```
#146386
```
#146386 rgb(20,99,134)
```
#17739c
```
#17739c rgb(23,115,156)
```
#1b84b2
```
#1b84b2 rgb(27,132,178)
```
#1e94c9
```
#1e94c9 rgb(30,148,201)
```

Monochromatic Color

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

#148086
```
#148086 rgb(20,128,134)
```
#147686
```
#147686 rgb(20,118,134)
```
#146d86
```
#146d86 rgb(20,109,134)
```
#146386
```
#146386 rgb(20,99,134)
```
#145a86
```
#145a86 rgb(20,90,134)
```
#145086
```
#145086 rgb(20,80,134)
```
#144686
```
#144686 rgb(20,70,134)
```

Similar Colors

Text with hexadecimal color #146386

This text has a font color of #146386.

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

#146386 background color

This paragraph has a background color of #146386.

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

#146386 border color

This element has a border color of #146386.

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

CSS codes

.text {color:#146386;}

.background {background-color:#146386;}

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

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

#020b0f
```
#020b0f rgb(2,11,15)
```
#051720
```
#051720 rgb(5,23,32)
```
#072431
```
#072431 rgb(7,36,49)
```
#0a3142
```
#0a3142 rgb(10,49,66)
```
#0c3d53
```
#0c3d53 rgb(12,61,83)
```
#0f4a64
```
#0f4a64 rgb(15,74,100)
```
#115675
```
#115675 rgb(17,86,117)
```
#146386
```
#146386 rgb(20,99,134)
```
#177097
```
#177097 rgb(23,112,151)
```
#197ca8
```
#197ca8 rgb(25,124,168)
```
#1c89b9
```
#1c89b9 rgb(28,137,185)
```
#1e95ca
```
#1e95ca rgb(30,149,202)
```
#21a2db
```
#21a2db rgb(33,162,219)
```

Shade Color Variation

#30aae0
```
#30aae0 rgb(48,170,224)
```
#41b1e3
```
#41b1e3 rgb(65,177,227)
```
#52b8e5
```
#52b8e5 rgb(82,184,229)
```
#63bfe8
```
#63bfe8 rgb(99,191,232)
```
#74c6ea
```
#74c6ea rgb(116,198,234)
```
#85cded
```
#85cded rgb(133,205,237)
```
#96d4ef
```
#96d4ef rgb(150,212,239)
```
#a7dbf2
```
#a7dbf2 rgb(167,219,242)
```
#b8e2f4
```
#b8e2f4 rgb(184,226,244)
```
#c9e9f7
```
#c9e9f7 rgb(201,233,247)
```
#daf0fa
```
#daf0fa rgb(218,240,250)
```
#ebf7fc
```
#ebf7fc rgb(235,247,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494e51 is the less saturated color, while #026a98 is the most saturated one.

#494e51
```
#494e51 rgb(73,78,81)
```
#435157
```
#435157 rgb(67,81,87)
```
#3d535d
```
#3d535d rgb(61,83,93)
```
#385562
```
#385562 rgb(56,85,98)
```
#325868
```
#325868 rgb(50,88,104)
```
#2c5a6e
```
#2c5a6e rgb(44,90,110)
```
#265c74
```
#265c74 rgb(38,92,116)
```
#205e7a
```
#205e7a rgb(32,94,122)
```
#1a6180
```
#1a6180 rgb(26,97,128)
```
#146386
```
#146386 rgb(20,99,134)
```
#0e658c
```
#0e658c rgb(14,101,140)
```
#086892
```
#086892 rgb(8,104,146)
```
#026a98
```
#026a98 rgb(2,106,152)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#43535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#596387 Protanopia 1% of men
#51648f Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#406386 Protanomaly 1% of men, 0.01% of women
#3b638b Deuteranomaly 6% of men, 0.4% of women
#076a7c Tritanomaly 0.01% of the population

#146386 hex color

#146386 Color Information

#146386 Color Conversion

Color Schemes with #146386

Alternatives to #146386

#146386 Preview

Shades and Tints of #146386

Tones of #146386

Color Blindness Simulator