#146396 hex color

In a RGB color space, hex #146396 is composed of 7.8% red, 38.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 34% magenta, 0% yellow and 41.2% black. It has a hue angle of 203.5 degrees, a saturation of 76.5% and a lightness of 33.3%. #146396 color hex could be obtained by blending #28c6ff with #00002d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 39
- B 59
RGB color chart
- C 87
- M 34
- Y 0
- K 41
CMYK color chart

● #146396 color description : Dark blue.

The hexadecimal color #146396 has RGB values of R:20, G:99, B:150 and CMYK values of C:0.87, M:0.34, Y:0, K:0.41. Its decimal value is 1336214.

Hex triplet	146396	`#146396`
RGB Decimal	20, 99, 150	`rgb(20,99,150)`
RGB Percent	7.8, 38.8, 58.8	`rgb(7.8%,38.8%,58.8%)`
CMYK	87, 34, 0, 41
HSL	203.5°, 76.5, 33.3	`hsl(203.5,76.5%,33.3%)`
HSV (or HSB)	203.5°, 86.7, 58.8
Web Safe	006699	`#006699`

CIE-LAB	40.037, -3.516, -34.228
XYZ	10.254, 11.273, 30.488
xyY	0.197, 0.217, 11.273
CIE-LCH	40.037, 34.408, 264.136
CIE-LUV	40.037, -24.145, -48.765
Hunter-Lab	33.576, -4.245, -30.334
Binary	00010100, 01100011, 10010110

#146396
```
#146396 rgb(20,99,150)
```
#964714
```
#964714 rgb(150,71,20)
```

Complementary Color

#149688
```
#149688 rgb(20,150,136)
```
#146396
```
#146396 rgb(20,99,150)
```
#142296
```
#142296 rgb(20,34,150)
```

Analogous Color

#968814
```
#968814 rgb(150,136,20)
```
#146396
```
#146396 rgb(20,99,150)
```
#961422
```
#961422 rgb(150,20,34)
```

Split Complementary Color

#639614
```
#639614 rgb(99,150,20)
```
#146396
```
#146396 rgb(20,99,150)
```
#961463
```
#961463 rgb(150,20,99)
```

Triadic Color

#149647
```
#149647 rgb(20,150,71)
```
#146396
```
#146396 rgb(20,99,150)
```
#961463
```
#961463 rgb(150,20,99)
```
#964714
```
#964714 rgb(150,71,20)
```

Tetradic Color

#0b3653
```
#0b3653 rgb(11,54,83)
```
#0e4569
```
#0e4569 rgb(14,69,105)
```
#115480
```
#115480 rgb(17,84,128)
```
#146396
```
#146396 rgb(20,99,150)
```
#1772ad
```
#1772ad rgb(23,114,173)
```
#1a81c3
```
#1a81c3 rgb(26,129,195)
```
#1d90da
```
#1d90da rgb(29,144,218)
```

Monochromatic Color

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

#148496
```
#148496 rgb(20,132,150)
```
#147996
```
#147996 rgb(20,121,150)
```
#146e96
```
#146e96 rgb(20,110,150)
```
#146396
```
#146396 rgb(20,99,150)
```
#145896
```
#145896 rgb(20,88,150)
```
#144d96
```
#144d96 rgb(20,77,150)
```
#144396
```
#144396 rgb(20,67,150)
```

Similar Colors

Text with hexadecimal color #146396

This text has a font color of #146396.

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

#146396 background color

This paragraph has a background color of #146396.

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

#146396 border color

This element has a border color of #146396.

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

CSS codes

.text {color:#146396;}

.background {background-color:#146396;}

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

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, #02080c is the darkest color, while #f9fcfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#04131d
```
#04131d rgb(4,19,29)
```
#061e2e
```
#061e2e rgb(6,30,46)
```
#082a3f
```
#082a3f rgb(8,42,63)
```
#0b3551
```
#0b3551 rgb(11,53,81)
```
#0d4162
```
#0d4162 rgb(13,65,98)
```
#0f4c73
```
#0f4c73 rgb(15,76,115)
```
#125885
```
#125885 rgb(18,88,133)
```
#146396
```
#146396 rgb(20,99,150)
```
#166ea7
```
#166ea7 rgb(22,110,167)
```
#197ab9
```
#197ab9 rgb(25,122,185)
```
#1b85ca
```
#1b85ca rgb(27,133,202)
```
#1d91db
```
#1d91db rgb(29,145,219)
```

Shade Color Variation

#2a9ae3
```
#2a9ae3 rgb(42,154,227)
```
#3ba2e5
```
#3ba2e5 rgb(59,162,229)
```
#4caae7
```
#4caae7 rgb(76,170,231)
```
#5db3e9
```
#5db3e9 rgb(93,179,233)
```
#6fbbec
```
#6fbbec rgb(111,187,236)
```
#80c3ee
```
#80c3ee rgb(128,195,238)
```
#91cbf0
```
#91cbf0 rgb(145,203,240)
```
#a3d3f3
```
#a3d3f3 rgb(163,211,243)
```
#b4dcf5
```
#b4dcf5 rgb(180,220,245)
```
#c5e4f7
```
#c5e4f7 rgb(197,228,247)
```
#d7ecfa
```
#d7ecfa rgb(215,236,250)
```
#e8f4fc
```
#e8f4fc rgb(232,244,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#4f565b
```
#4f565b rgb(79,86,91)
```
#485862
```
#485862 rgb(72,88,98)
```
#425968
```
#425968 rgb(66,89,104)
```
#3b5b6f
```
#3b5b6f rgb(59,91,111)
```
#355c75
```
#355c75 rgb(53,92,117)
```
#2e5d7c
```
#2e5d7c rgb(46,93,124)
```
#285f82
```
#285f82 rgb(40,95,130)
```
#216089
```
#216089 rgb(33,96,137)
```
#1b628f
```
#1b628f rgb(27,98,143)
```
#146396
```
#146396 rgb(20,99,150)
```
#0d649d
```
#0d649d rgb(13,100,157)
```
#0766a3
```
#0766a3 rgb(7,102,163)
```
#0067aa
```
#0067aa rgb(0,103,170)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#45555f Atypical Achromatopsia 0.001% of the population

Dichromacy

#536596 Protanopia 1% of men
#44669d Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#3c6496 Protanomaly 1% of men, 0.01% of women
#32659a Deuteranomaly 6% of men, 0.4% of women
#076b83 Tritanomaly 0.01% of the population

#146396 hex color

#146396 Color Information

#146396 Color Conversion

Color Schemes with #146396

Alternatives to #146396

#146396 Preview

Shades and Tints of #146396

Tones of #146396

Color Blindness Simulator