#1246af hex color

In a RGB color space, hex #1246af is composed of 7.1% red, 27.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 60% magenta, 0% yellow and 31.4% black. It has a hue angle of 220.1 degrees, a saturation of 81.3% and a lightness of 37.8%. #1246af color hex could be obtained by blending #248cff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 27
- B 69
RGB color chart
- C 90
- M 60
- Y 0
- K 31
CMYK color chart

● #1246af color description : Dark blue.

The hexadecimal color #1246af has RGB values of R:18, G:70, B:175 and CMYK values of C:0.9, M:0.6, Y:0, K:0.31. Its decimal value is 1197743.

Hex triplet	1246af	`#1246af`
RGB Decimal	18, 70, 175	`rgb(18,70,175)`
RGB Percent	7.1, 27.5, 68.6	`rgb(7.1%,27.5%,68.6%)`
CMYK	90, 60, 0, 31
HSL	220.1°, 81.3, 37.8	`hsl(220.1,81.3%,37.8%)`
HSV (or HSB)	220.1°, 89.7, 68.6
Web Safe	003399	`#003399`

CIE-LAB	33.142, 25.597, -60.264
XYZ	10.176, 7.603, 41.486
xyY	0.172, 0.128, 7.603
CIE-LCH	33.142, 65.475, 293.013
CIE-LUV	33.142, -14.72, -83.228
Hunter-Lab	27.574, 17.619, -69.903
Binary	00010010, 01000110, 10101111

#1246af
```
#1246af rgb(18,70,175)
```
#af7b12
```
#af7b12 rgb(175,123,18)
```

Complementary Color

#1295af
```
#1295af rgb(18,149,175)
```
#1246af
```
#1246af rgb(18,70,175)
```
#2c12af
```
#2c12af rgb(44,18,175)
```

Analogous Color

#95af12
```
#95af12 rgb(149,175,18)
```
#1246af
```
#1246af rgb(18,70,175)
```
#af2c12
```
#af2c12 rgb(175,44,18)
```

Split Complementary Color

#46af12
```
#46af12 rgb(70,175,18)
```
#1246af
```
#1246af rgb(18,70,175)
```
#af1246
```
#af1246 rgb(175,18,70)
```

Triadic Color

#12af7b
```
#12af7b rgb(18,175,123)
```
#1246af
```
#1246af rgb(18,70,175)
```
#af1246
```
#af1246 rgb(175,18,70)
```
#af7b12
```
#af7b12 rgb(175,123,18)
```

Tetradic Color

#0b2a6a
```
#0b2a6a rgb(11,42,106)
```
#0d3481
```
#0d3481 rgb(13,52,129)
```
#103d98
```
#103d98 rgb(16,61,152)
```
#1246af
```
#1246af rgb(18,70,175)
```
#144fc6
```
#144fc6 rgb(20,79,198)
```
#1758dd
```
#1758dd rgb(23,88,221)
```
#2566e9
```
#2566e9 rgb(37,102,233)
```

Monochromatic Color

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

#126daf
```
#126daf rgb(18,109,175)
```
#1260af
```
#1260af rgb(18,96,175)
```
#1253af
```
#1253af rgb(18,83,175)
```
#1246af
```
#1246af rgb(18,70,175)
```
#1239af
```
#1239af rgb(18,57,175)
```
#122caf
```
#122caf rgb(18,44,175)
```
#121faf
```
#121faf rgb(18,31,175)
```

Similar Colors

Text with hexadecimal color #1246af

This text has a font color of #1246af.

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

#1246af background color

This paragraph has a background color of #1246af.

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

#1246af border color

This element has a border color of #1246af.

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

CSS codes

.text {color:#1246af;}

.background {background-color:#1246af;}

.border {border:1px solid #1246af;}

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#030d21
```
#030d21 rgb(3,13,33)
```
#051432
```
#051432 rgb(5,20,50)
```
#071b44
```
#071b44 rgb(7,27,68)
```
#092256
```
#092256 rgb(9,34,86)
```
#0b2a68
```
#0b2a68 rgb(11,42,104)
```
#0d317a
```
#0d317a rgb(13,49,122)
```
#0e388b
```
#0e388b rgb(14,56,139)
```
#103f9d
```
#103f9d rgb(16,63,157)
```
#1246af
```
#1246af rgb(18,70,175)
```
#144dc1
```
#144dc1 rgb(20,77,193)
```
#1654d3
```
#1654d3 rgb(22,84,211)
```
#175be4
```
#175be4 rgb(23,91,228)
```

Shade Color Variation

#2767e9
```
#2767e9 rgb(39,103,233)
```
#3873eb
```
#3873eb rgb(56,115,235)
```
#4a80ec
```
#4a80ec rgb(74,128,236)
```
#5c8cee
```
#5c8cee rgb(92,140,238)
```
#6e99f0
```
#6e99f0 rgb(110,153,240)
```
#80a5f2
```
#80a5f2 rgb(128,165,242)
```
#91b2f4
```
#91b2f4 rgb(145,178,244)
```
#a3bef6
```
#a3bef6 rgb(163,190,246)
```
#b5cbf7
```
#b5cbf7 rgb(181,203,247)
```
#c7d7f9
```
#c7d7f9 rgb(199,215,249)
```
#d9e4fb
```
#d9e4fb rgb(217,228,251)
```
#eaf0fd
```
#eaf0fd rgb(234,240,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5f65 is the less saturated color, while #0341be is the most saturated one.

#5c5f65
```
#5c5f65 rgb(92,95,101)
```
#555d6c
```
#555d6c rgb(85,93,108)
```
#4d5a74
```
#4d5a74 rgb(77,90,116)
```
#46587b
```
#46587b rgb(70,88,123)
```
#3f5582
```
#3f5582 rgb(63,85,130)
```
#37538a
```
#37538a rgb(55,83,138)
```
#305091
```
#305091 rgb(48,80,145)
```
#284e99
```
#284e99 rgb(40,78,153)
```
#214ba0
```
#214ba0 rgb(33,75,160)
```
#1949a8
```
#1949a8 rgb(25,73,168)
```
#1246af
```
#1246af rgb(18,70,175)
```
#0b43b6
```
#0b43b6 rgb(11,67,182)
```
#0341be
```
#0341be rgb(3,65,190)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#384358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#064fa8 Protanomaly 1% of men, 0.01% of women
#06529b Deuteranomaly 6% of men, 0.4% of women
#06567f Tritanomaly 0.01% of the population

#1246af hex color

#1246af Color Information

#1246af Color Conversion

Color Schemes with #1246af

Alternatives to #1246af

#1246af Preview

Shades and Tints of #1246af

Tones of #1246af

Color Blindness Simulator