#667fde Color Information

In a RGB color space, hex #667fde is composed of 40% red, 49.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 42.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 227.5 degrees, a saturation of 64.5% and a lightness of 63.5%. #667fde color hex could be obtained by blending #ccfeff with #0000bd. Closest websafe color is: #6666cc.

    • R 40
    • G 50
    • B 87
    RGB color chart
    • C 54
    • M 43
    • Y 0
    • K 13
    CMYK color chart

#667fde color description : Soft blue.

#667fde Color Conversion

The hexadecimal color #667fde has RGB values of R:102, G:127, B:222 and CMYK values of C:0.54, M:0.43, Y:0, K:0.13. Its decimal value is 6717406.

Hex triplet 667fde #667fde
RGB Decimal 102, 127, 222 rgb(102,127,222)
RGB Percent 40, 49.8, 87.1 rgb(40%,49.8%,87.1%)
CMYK 54, 43, 0, 13
HSL 227.5°, 64.5, 63.5 hsl(227.5,64.5%,63.5%)
HSV (or HSB) 227.5°, 54.1, 87.1
Web Safe 6666cc #6666cc
CIE-LAB 55.356, 18.048, -51.387
XYZ 26.251, 23.276, 72.213
xyY 0.216, 0.191, 23.276
CIE-LCH 55.356, 54.464, 289.352
CIE-LUV 55.356, -14.737, -82.393
Hunter-Lab 48.245, 12.694, -54.972
Binary 01100110, 01111111, 11011110

Color Schemes with #667fde

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #667fde

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

Similar Colors

#667fde Preview

Text with hexadecimal color #667fde

This text has a font color of #667fde.

<span style="color:#667fde;">Text here</span>
#667fde background color

This paragraph has a background color of #667fde.

<p style="background-color:#667fde;">Content here</p>
#667fde border color

This element has a border color of #667fde.

<div style="border:1px solid #667fde;">Content here</div>
CSS codes
.text {color:#667fde;}
.background {background-color:#667fde;}
.border {border:1px solid #667fde;}

Shades and Tints of #667fde

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

Shade Color Variation
Tint Color Variation

Tones of #667fde

A tone is produced by adding gray to any pure hue. In this case, #9fa0a5 is the less saturated color, while #496efb is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #667fde 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.

  • #828282 Achromatopsia 0.005% of the population
  • #7c8194 Atypical Achromatopsia 0.001% of the population
  • #6088e1 Protanopia 1% of men
  • #4d8bdd Deuteranopia 1% of men
  • #4f949f Tritanopia 0.001% of the population
  • #6284e0 Protanomaly 1% of men, 0.01% of women
  • #5687dd Deuteranomaly 6% of men, 0.4% of women
  • #578cb6 Tritanomaly 0.01% of the population