#2f63a8 hex color

In a RGB color space, hex #2f63a8 is composed of 18.4% red, 38.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 41.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 214.2 degrees, a saturation of 56.3% and a lightness of 42.2%. #2f63a8 color hex could be obtained by blending #5ec6ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 39
- B 66
RGB color chart
- C 72
- M 41
- Y 0
- K 34
CMYK color chart

● #2f63a8 color description : Dark blue.

The hexadecimal color #2f63a8 has RGB values of R:47, G:99, B:168 and CMYK values of C:0.72, M:0.41, Y:0, K:0.34. Its decimal value is 3105704.

Hex triplet	2f63a8	`#2f63a8`
RGB Decimal	47, 99, 168	`rgb(47,99,168)`
RGB Percent	18.4, 38.8, 65.9	`rgb(18.4%,38.8%,65.9%)`
CMYK	72, 41, 0, 34
HSL	214.2°, 56.3, 42.2	`hsl(214.2,56.3%,42.2%)`
HSV (or HSB)	214.2°, 72, 65.9
Web Safe	336699	`#336699`

CIE-LAB	41.774, 6.596, -42.133
XYZ	12.7, 12.354, 38.759
xyY	0.199, 0.194, 12.354
CIE-LCH	41.774, 42.646, 278.898
CIE-LUV	41.774, -19.659, -62.213
Hunter-Lab	35.149, 2.988, -40.776
Binary	00101111, 01100011, 10101000

#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#a8742f
```
#a8742f rgb(168,116,47)
```

Complementary Color

#2fa0a8
```
#2fa0a8 rgb(47,160,168)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#382fa8
```
#382fa8 rgb(56,47,168)
```

Analogous Color

#a0a82f
```
#a0a82f rgb(160,168,47)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#a8382f
```
#a8382f rgb(168,56,47)
```

Split Complementary Color

#63a82f
```
#63a82f rgb(99,168,47)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#a82f63
```
#a82f63 rgb(168,47,99)
```

Triadic Color

#2fa874
```
#2fa874 rgb(47,168,116)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#a82f63
```
#a82f63 rgb(168,47,99)
```
#a8742f
```
#a8742f rgb(168,116,47)
```

Tetradic Color

#1e406c
```
#1e406c rgb(30,64,108)
```
#244c80
```
#244c80 rgb(36,76,128)
```
#295794
```
#295794 rgb(41,87,148)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#356fbc
```
#356fbc rgb(53,111,188)
```
#407bca
```
#407bca rgb(64,123,202)
```
#5489cf
```
#5489cf rgb(84,137,207)
```

Monochromatic Color

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

#2f81a8
```
#2f81a8 rgb(47,129,168)
```
#2f77a8
```
#2f77a8 rgb(47,119,168)
```
#2f6da8
```
#2f6da8 rgb(47,109,168)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#2f59a8
```
#2f59a8 rgb(47,89,168)
```
#2f4fa8
```
#2f4fa8 rgb(47,79,168)
```
#2f45a8
```
#2f45a8 rgb(47,69,168)
```

Similar Colors

Text with hexadecimal color #2f63a8

This text has a font color of #2f63a8.

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

#2f63a8 background color

This paragraph has a background color of #2f63a8.

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

#2f63a8 border color

This element has a border color of #2f63a8.

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

CSS codes

.text {color:#2f63a8;}

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

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

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

#04090f
```
#04090f rgb(4,9,15)
```
#08121e
```
#08121e rgb(8,18,30)
```
#0d1b2d
```
#0d1b2d rgb(13,27,45)
```
#11243d
```
#11243d rgb(17,36,61)
```
#152d4c
```
#152d4c rgb(21,45,76)
```
#1a365b
```
#1a365b rgb(26,54,91)
```
#1e3f6b
```
#1e3f6b rgb(30,63,107)
```
#22487a
```
#22487a rgb(34,72,122)
```
#265189
```
#265189 rgb(38,81,137)
```
#2b5a99
```
#2b5a99 rgb(43,90,153)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#336cb7
```
#336cb7 rgb(51,108,183)
```
#3875c7
```
#3875c7 rgb(56,117,199)
```

Shade Color Variation

#4680cb
```
#4680cb rgb(70,128,203)
```
#568ad0
```
#568ad0 rgb(86,138,208)
```
#6595d4
```
#6595d4 rgb(101,149,212)
```
#749fd8
```
#749fd8 rgb(116,159,216)
```
#84aadd
```
#84aadd rgb(132,170,221)
```
#93b5e1
```
#93b5e1 rgb(147,181,225)
```
#a2bfe5
```
#a2bfe5 rgb(162,191,229)
```
#b2cae9
```
#b2cae9 rgb(178,202,233)
```
#c1d4ee
```
#c1d4ee rgb(193,212,238)
```
#d0dff2
```
#d0dff2 rgb(208,223,242)
```
#e0e9f6
```
#e0e9f6 rgb(224,233,246)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6e is the less saturated color, while #065dd1 is the most saturated one.

#696b6e
```
#696b6e rgb(105,107,110)
```
#616a76
```
#616a76 rgb(97,106,118)
```
#58697f
```
#58697f rgb(88,105,127)
```
#506887
```
#506887 rgb(80,104,135)
```
#48668f
```
#48668f rgb(72,102,143)
```
#406597
```
#406597 rgb(64,101,151)
```
#3764a0
```
#3764a0 rgb(55,100,160)
```
#2f63a8
```
#2f63a8 rgb(47,99,168)
```
#2762b0
```
#2762b0 rgb(39,98,176)
```
#1e61b9
```
#1e61b9 rgb(30,97,185)
```
#1660c1
```
#1660c1 rgb(22,96,193)
```
#0e5ec9
```
#0e5ec9 rgb(14,94,201)
```
#065dd1
```
#065dd1 rgb(6,93,209)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c68aa Protanopia 1% of men
#356bac Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#4166a9 Protanomaly 1% of men, 0.01% of women
#3368aa Deuteranomaly 6% of men, 0.4% of women
#116e8c Tritanomaly 0.01% of the population

#2f63a8 hex color

#2f63a8 Color Information

#2f63a8 Color Conversion

Color Schemes with #2f63a8

Alternatives to #2f63a8

#2f63a8 Preview

Shades and Tints of #2f63a8

Tones of #2f63a8

Color Blindness Simulator