#2a307d hex color

In a RGB color space, hex #2a307d is composed of 16.5% red, 18.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 61.6% magenta, 0% yellow and 51% black. It has a hue angle of 235.7 degrees, a saturation of 49.7% and a lightness of 32.7%. #2a307d color hex could be obtained by blending #5460fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 19
- B 49
RGB color chart
- C 66
- M 62
- Y 0
- K 51
CMYK color chart

● #2a307d color description : Dark moderate blue.

The hexadecimal color #2a307d has RGB values of R:42, G:48, B:125 and CMYK values of C:0.66, M:0.62, Y:0, K:0.51. Its decimal value is 2764925.

Hex triplet	2a307d	`#2a307d`
RGB Decimal	42, 48, 125	`rgb(42,48,125)`
RGB Percent	16.5, 18.8, 49	`rgb(16.5%,18.8%,49%)`
CMYK	66, 62, 0, 51
HSL	235.7°, 49.7, 32.7	`hsl(235.7,49.7%,32.7%)`
HSV (or HSB)	235.7°, 66.4, 49
Web Safe	333366	`#333366`

CIE-LAB	23.955, 23.635, -44.589
XYZ	5.713, 4.087, 19.889
xyY	0.192, 0.138, 4.087
CIE-LCH	23.955, 50.466, 297.926
CIE-LUV	23.955, -5.435, -55.433
Hunter-Lab	20.215, 15.067, -44.182
Binary	00101010, 00110000, 01111101

#2a307d
```
#2a307d rgb(42,48,125)
```
#7d772a
```
#7d772a rgb(125,119,42)
```

Complementary Color

#2a5a7d
```
#2a5a7d rgb(42,90,125)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#4d2a7d
```
#4d2a7d rgb(77,42,125)
```

Analogous Color

#5a7d2a
```
#5a7d2a rgb(90,125,42)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#7d4d2a
```
#7d4d2a rgb(125,77,42)
```

Split Complementary Color

#307d2a
```
#307d2a rgb(48,125,42)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#7d2a30
```
#7d2a30 rgb(125,42,48)
```

Triadic Color

#2a7d77
```
#2a7d77 rgb(42,125,119)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#7d2a30
```
#7d2a30 rgb(125,42,48)
```
#7d772a
```
#7d772a rgb(125,119,42)
```

Tetradic Color

#171a44
```
#171a44 rgb(23,26,68)
```
#1d2157
```
#1d2157 rgb(29,33,87)
```
#24296a
```
#24296a rgb(36,41,106)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#303790
```
#303790 rgb(48,55,144)
```
#373fa3
```
#373fa3 rgb(55,63,163)
```
#3d46b6
```
#3d46b6 rgb(61,70,182)
```

Monochromatic Color

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

#2a457d
```
#2a457d rgb(42,69,125)
```
#2a3e7d
```
#2a3e7d rgb(42,62,125)
```
#2a377d
```
#2a377d rgb(42,55,125)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#2b2a7d
```
#2b2a7d rgb(43,42,125)
```
#322a7d
```
#322a7d rgb(50,42,125)
```
#392a7d
```
#392a7d rgb(57,42,125)
```

Similar Colors

Text with hexadecimal color #2a307d

This text has a font color of #2a307d.

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

#2a307d background color

This paragraph has a background color of #2a307d.

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

#2a307d border color

This element has a border color of #2a307d.

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

CSS codes

.text {color:#2a307d;}

.background {background-color:#2a307d;}

.border {border:1px solid #2a307d;}

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

#030308
```
#030308 rgb(3,3,8)
```
#070916
```
#070916 rgb(7,9,22)
```
#0c0e25
```
#0c0e25 rgb(12,14,37)
```
#111434
```
#111434 rgb(17,20,52)
```
#161942
```
#161942 rgb(22,25,66)
```
#1b1f51
```
#1b1f51 rgb(27,31,81)
```
#202560
```
#202560 rgb(32,37,96)
```
#252a6e
```
#252a6e rgb(37,42,110)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#2f368c
```
#2f368c rgb(47,54,140)
```
#343b9a
```
#343b9a rgb(52,59,154)
```
#3941a9
```
#3941a9 rgb(57,65,169)
```
#3e47b8
```
#3e47b8 rgb(62,71,184)
```

Shade Color Variation

#4850c1
```
#4850c1 rgb(72,80,193)
```
#565ec6
```
#565ec6 rgb(86,94,198)
```
#656ccb
```
#656ccb rgb(101,108,203)
```
#747ad0
```
#747ad0 rgb(116,122,208)
```
#8288d5
```
#8288d5 rgb(130,136,213)
```
#9196da
```
#9196da rgb(145,150,218)
```
#a0a4df
```
#a0a4df rgb(160,164,223)
```
#aeb2e4
```
#aeb2e4 rgb(174,178,228)
```
#bdc0e9
```
#bdc0e9 rgb(189,192,233)
```
#ccceee
```
#ccceee rgb(204,206,238)
```
#dadcf3
```
#dadcf3 rgb(218,220,243)
```
#e9eaf8
```
#e9eaf8 rgb(233,234,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515156 is the less saturated color, while #030fa4 is the most saturated one.

#515156
```
#515156 rgb(81,81,86)
```
#4a4b5d
```
#4a4b5d rgb(74,75,93)
```
#444663
```
#444663 rgb(68,70,99)
```
#3d406a
```
#3d406a rgb(61,64,106)
```
#373b70
```
#373b70 rgb(55,59,112)
```
#303577
```
#303577 rgb(48,53,119)
```
#2a307d
```
#2a307d rgb(42,48,125)
```
#242b83
```
#242b83 rgb(36,43,131)
```
#1d258a
```
#1d258a rgb(29,37,138)
```
#172090
```
#172090 rgb(23,32,144)
```
#101a97
```
#101a97 rgb(16,26,151)
```
#0a159d
```
#0a159d rgb(10,21,157)
```
#030fa4
```
#030fa4 rgb(3,15,164)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#343645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00446f Deuteranopia 1% of men
#00494f Tritanopia 0.001% of the population

Trichromacy

#0f3a7e Protanomaly 1% of men, 0.01% of women
#0f3d74 Deuteranomaly 6% of men, 0.4% of women
#0f405f Tritanomaly 0.01% of the population

#2a307d hex color

#2a307d Color Information

#2a307d Color Conversion

Color Schemes with #2a307d

Alternatives to #2a307d

#2a307d Preview

Shades and Tints of #2a307d

Tones of #2a307d

Color Blindness Simulator