#6063ff hex color

In a RGB color space, hex #6063ff is composed of 37.6% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 238.9 degrees, a saturation of 100% and a lightness of 68.8%. #6063ff color hex could be obtained by blending #c0c6ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 38
- G 39
- B 100
RGB color chart
- C 62
- M 61
- Y 0
- K 0
CMYK color chart

● #6063ff color description : Light blue.

The hexadecimal color #6063ff has RGB values of R:96, G:99, B:255 and CMYK values of C:0.62, M:0.61, Y:0, K:0. Its decimal value is 6317055.

Hex triplet	6063ff	`#6063ff`
RGB Decimal	96, 99, 255	`rgb(96,99,255)`
RGB Percent	37.6, 38.8, 100	`rgb(37.6%,38.8%,100%)`
CMYK	62, 61, 0, 0
HSL	238.9°, 100, 68.8	`hsl(238.9,100%,68.8%)`
HSV (or HSB)	238.9°, 62.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.25, 44.464, -78.057
XYZ	27.332, 18.629, 96.758
xyY	0.192, 0.131, 18.629
CIE-LCH	50.25, 89.833, 299.667
CIE-LUV	50.25, -9.618, -122.495
Hunter-Lab	43.162, 37.503, -102.701
Binary	01100000, 01100011, 11111111

#6063ff
```
#6063ff rgb(96,99,255)
```
#fffc60
```
#fffc60 rgb(255,252,96)
```

Complementary Color

#60b3ff
```
#60b3ff rgb(96,179,255)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#ad60ff
```
#ad60ff rgb(173,96,255)
```

Analogous Color

#b3ff60
```
#b3ff60 rgb(179,255,96)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#ffad60
```
#ffad60 rgb(255,173,96)
```

Split Complementary Color

#63ff60
```
#63ff60 rgb(99,255,96)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#ff6063
```
#ff6063 rgb(255,96,99)
```

Triadic Color

#60fffc
```
#60fffc rgb(96,255,252)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#ff6063
```
#ff6063 rgb(255,96,99)
```
#fffc60
```
#fffc60 rgb(255,252,96)
```

Tetradic Color

#1418ff
```
#1418ff rgb(20,24,255)
```
#2d31ff
```
#2d31ff rgb(45,49,255)
```
#474aff
```
#474aff rgb(71,74,255)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#7a7cff
```
#7a7cff rgb(122,124,255)
```
#9395ff
```
#9395ff rgb(147,149,255)
```
#adaeff
```
#adaeff rgb(173,174,255)
```

Monochromatic Color

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

#608bff
```
#608bff rgb(96,139,255)
```
#607eff
```
#607eff rgb(96,126,255)
```
#6070ff
```
#6070ff rgb(96,112,255)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#6a60ff
```
#6a60ff rgb(106,96,255)
```
#7860ff
```
#7860ff rgb(120,96,255)
```
#8560ff
```
#8560ff rgb(133,96,255)
```

Similar Colors

Text with hexadecimal color #6063ff

This text has a font color of #6063ff.

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

#6063ff background color

This paragraph has a background color of #6063ff.

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

#6063ff border color

This element has a border color of #6063ff.

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

CSS codes

.text {color:#6063ff;}

.background {background-color:#6063ff;}

.border {border:1px solid #6063ff;}

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

#000012
```
#000012 rgb(0,0,18)
```
#000125
```
#000125 rgb(0,1,37)
```
#000139
```
#000139 rgb(0,1,57)
```
#00014c
```
#00014c rgb(0,1,76)
```
#000260
```
#000260 rgb(0,2,96)
```
#000274
```
#000274 rgb(0,2,116)
```
#000387
```
#000387 rgb(0,3,135)
```
#00039b
```
#00039b rgb(0,3,155)
```
#0003ae
```
#0003ae rgb(0,3,174)
```
#0004c2
```
#0004c2 rgb(0,4,194)
```
#0004d6
```
#0004d6 rgb(0,4,214)
```
#0004e9
```
#0004e9 rgb(0,4,233)
```
#0005fd
```
#0005fd rgb(0,5,253)
```

Shade Color Variation

#1216ff
```
#1216ff rgb(18,22,255)
```
#2529ff
```
#2529ff rgb(37,41,255)
```
#393dff
```
#393dff rgb(57,61,255)
```
#4c50ff
```
#4c50ff rgb(76,80,255)
```
#6063ff
```
#6063ff rgb(96,99,255)
```
#7476ff
```
#7476ff rgb(116,118,255)
```
#8789ff
```
#8789ff rgb(135,137,255)
```
#9b9dff
```
#9b9dff rgb(155,157,255)
```
#aeb0ff
```
#aeb0ff rgb(174,176,255)
```
#c2c3ff
```
#c2c3ff rgb(194,195,255)
```
#d6d6ff
```
#d6d6ff rgb(214,214,255)
```
#e9eaff
```
#e9eaff rgb(233,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a9aab6
```
#a9aab6 rgb(169,170,182)
```
#a3a4bc
```
#a3a4bc rgb(163,164,188)
```
#9d9ec2
```
#9d9ec2 rgb(157,158,194)
```
#9798c8
```
#9798c8 rgb(151,152,200)
```
#9192ce
```
#9192ce rgb(145,146,206)
```
#8b8cd4
```
#8b8cd4 rgb(139,140,212)
```
#8586da
```
#8586da rgb(133,134,218)
```
#7f80e0
```
#7f80e0 rgb(127,128,224)
```
#787be7
```
#787be7 rgb(120,123,231)
```
#7275ed
```
#7275ed rgb(114,117,237)
```
#6c6ff3
```
#6c6ff3 rgb(108,111,243)
```
#6669f9
```
#6669f9 rgb(102,105,249)
```
#6063ff
```
#6063ff rgb(96,99,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#707190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#2272f5 Protanomaly 1% of men, 0.01% of women
#2276e2 Deuteranomaly 6% of men, 0.4% of women
#227cbb Tritanomaly 0.01% of the population

#6063ff hex color

#6063ff Color Information

#6063ff Color Conversion

Color Schemes with #6063ff

Alternatives to #6063ff

#6063ff Preview

Shades and Tints of #6063ff

Tones of #6063ff

Color Blindness Simulator