#1236a3 hex color

In a RGB color space, hex #1236a3 is composed of 7.1% red, 21.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 66.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 225.1 degrees, a saturation of 80.1% and a lightness of 35.5%. #1236a3 color hex could be obtained by blending #246cff with #000047. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 21
- B 64
RGB color chart
- C 89
- M 67
- Y 0
- K 36
CMYK color chart

● #1236a3 color description : Dark blue.

The hexadecimal color #1236a3 has RGB values of R:18, G:54, B:163 and CMYK values of C:0.89, M:0.67, Y:0, K:0.36. Its decimal value is 1193635.

Hex triplet	1236a3	`#1236a3`
RGB Decimal	18, 54, 163	`rgb(18,54,163)`
RGB Percent	7.1, 21.2, 63.9	`rgb(7.1%,21.2%,63.9%)`
CMYK	89, 67, 0, 36
HSL	225.1°, 80.1, 35.5	`hsl(225.1,80.1%,35.5%)`
HSV (or HSB)	225.1°, 89, 63.9
Web Safe	003399	`#003399`

CIE-LAB	27.874, 31.625, -61.7
XYZ	8.178, 5.411, 35.262
xyY	0.167, 0.111, 5.411
CIE-LCH	27.874, 69.332, 297.138
CIE-LUV	27.874, -10.939, -79.275
Hunter-Lab	23.261, 22.051, -73.597
Binary	00010010, 00110110, 10100011

#1236a3
```
#1236a3 rgb(18,54,163)
```
#a37f12
```
#a37f12 rgb(163,127,18)
```

Complementary Color

#127fa3
```
#127fa3 rgb(18,127,163)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#3712a3
```
#3712a3 rgb(55,18,163)
```

Analogous Color

#7fa312
```
#7fa312 rgb(127,163,18)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#a33712
```
#a33712 rgb(163,55,18)
```

Split Complementary Color

#36a312
```
#36a312 rgb(54,163,18)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#a31236
```
#a31236 rgb(163,18,54)
```

Triadic Color

#12a37f
```
#12a37f rgb(18,163,127)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#a31236
```
#a31236 rgb(163,18,54)
```
#a37f12
```
#a37f12 rgb(163,127,18)
```

Tetradic Color

#0a1f5e
```
#0a1f5e rgb(10,31,94)
```
#0d2775
```
#0d2775 rgb(13,39,117)
```
#0f2e8c
```
#0f2e8c rgb(15,46,140)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#153eba
```
#153eba rgb(21,62,186)
```
#1745d1
```
#1745d1 rgb(23,69,209)
```
#1c4ee6
```
#1c4ee6 rgb(28,78,230)
```

Monochromatic Color

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

#125aa3
```
#125aa3 rgb(18,90,163)
```
#124ea3
```
#124ea3 rgb(18,78,163)
```
#1242a3
```
#1242a3 rgb(18,66,163)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#122aa3
```
#122aa3 rgb(18,42,163)
```
#121ea3
```
#121ea3 rgb(18,30,163)
```
#1212a3
```
#1212a3 rgb(18,18,163)
```

Similar Colors

Text with hexadecimal color #1236a3

This text has a font color of #1236a3.

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

#1236a3 background color

This paragraph has a background color of #1236a3.

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

#1236a3 border color

This element has a border color of #1236a3.

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

CSS codes

.text {color:#1236a3;}

.background {background-color:#1236a3;}

.border {border:1px solid #1236a3;}

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

#000104
```
#000104 rgb(0,1,4)
```
#020716
```
#020716 rgb(2,7,22)
```
#040d27
```
#040d27 rgb(4,13,39)
```
#061339
```
#061339 rgb(6,19,57)
```
#08194b
```
#08194b rgb(8,25,75)
```
#0a1f5c
```
#0a1f5c rgb(10,31,92)
```
#0c246e
```
#0c246e rgb(12,36,110)
```
#0e2a80
```
#0e2a80 rgb(14,42,128)
```
#103091
```
#103091 rgb(16,48,145)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#143cb5
```
#143cb5 rgb(20,60,181)
```
#1642c6
```
#1642c6 rgb(22,66,198)
```
#1848d8
```
#1848d8 rgb(24,72,216)
```

Shade Color Variation

#1d4fe6
```
#1d4fe6 rgb(29,79,230)
```
#2f5de8
```
#2f5de8 rgb(47,93,232)
```
#416bea
```
#416bea rgb(65,107,234)
```
#5278ec
```
#5278ec rgb(82,120,236)
```
#6486ee
```
#6486ee rgb(100,134,238)
```
#7694f0
```
#7694f0 rgb(118,148,240)
```
#87a2f2
```
#87a2f2 rgb(135,162,242)
```
#99b0f4
```
#99b0f4 rgb(153,176,244)
```
#abbdf6
```
#abbdf6 rgb(171,189,246)
```
#bccbf8
```
#bccbf8 rgb(188,203,248)
```
#ced9fa
```
#ced9fa rgb(206,217,250)
```
#e0e7fc
```
#e0e7fc rgb(224,231,252)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58595d is the less saturated color, while #042fb1 is the most saturated one.

#58595d
```
#58595d rgb(88,89,93)
```
#515664
```
#515664 rgb(81,86,100)
```
#4a526b
```
#4a526b rgb(74,82,107)
```
#434f72
```
#434f72 rgb(67,79,114)
```
#3c4b79
```
#3c4b79 rgb(60,75,121)
```
#354880
```
#354880 rgb(53,72,128)
```
#2e4487
```
#2e4487 rgb(46,68,135)
```
#27418e
```
#27418e rgb(39,65,142)
```
#203d95
```
#203d95 rgb(32,61,149)
```
#193a9c
```
#193a9c rgb(25,58,156)
```
#1236a3
```
#1236a3 rgb(18,54,163)
```
#0b32aa
```
#0b32aa rgb(11,50,170)
```
#042fb1
```
#042fb1 rgb(4,47,177)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#30384d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#064296 Protanomaly 1% of men, 0.01% of women
#06458a Deuteranomaly 6% of men, 0.4% of women
#064872 Tritanomaly 0.01% of the population

#1236a3 hex color

#1236a3 Color Information

#1236a3 Color Conversion

Color Schemes with #1236a3

Alternatives to #1236a3

#1236a3 Preview

Shades and Tints of #1236a3

Tones of #1236a3

Color Blindness Simulator