#ff007f Hex Color Conversions and Schemes. RGB(255,0,127)

The hex color #ff007f is the combination of RGB(255, 0, 127), Red color 100%, Green color 0% and Blue color 49.804% in RGB color space. In the CMYK color space aka Process color space, #ff007f is the combination of cmyk(0, 100, 50.2, 0), 0% Cyan color, 100% Magenta color, 50.196% Yellow color and 0% Black color. The cylindrical-coordinate representations or HSL of #ff007f are Hue 330.1 Degree ,Saturation 100% and Level 50%. Old style websafe color to be used in place of #ff007f is #ff0066.

Hex: #ff007f

  • 255
  • 0
  • 127

RGB: rgb(255, 0, 127)

  • 0
  • 100
  • 50.2
  • 0

CMYK: cmyk(0, 100, 50.2, 0)

#ff007f Color Space Conversions

Convertion of Hex (Base)16 color #ff007f in RGB, CMYK, HSL, HSV, CIE-Lab, XYZ, xyY, Hunter Lab, CIELab, CIELch, CIELuv, Web Safe, Octal, YUV, YCC, YCbCr, Grey and many color spaces and forms. Decimal (Base)10 value is 16711807 and Binary (Base)2 value is (11111111, 00000000, 01111111). Octal (Base)8 value is (377, 0, 177 ).

  • Color Space / FormValue 1Value 2Value 3Value 4Value Range / Description
  • Hex Color(ff)16(00)16(7f)16HEX([00..FF], [00..FF], [00..FF])
  • RGB Decimal(255)10(0)10(127)10RGB([0..255], [0..255], [0..255])
  • Binary111111110000000001111111Binary([000000..111111] x 3)
  • RGB Percentage100%0%49.8%RGB([0..100%], [0..100%], [0..100%])
  • CMYK0%100%50.2%0%CMYK([0..100%], [0..100%], [0..100%], [0..100%])
  • HSV330.1°100%100%HSV([0°-360°], [0..100%], [0..100%])
  • HSL330.1°100%50%HSL([0°-360°], [0..100%], [0..100%])
  • XYZ45.07122.79222.103XYZ(Max cone response, Luminance, S cone response)
  • xyY22.7920.5010.253xyY(x-y points on chromaticity diagram, Luminance)
  • Hunter Lab47.74184.975.969Hunter Lab([0..100], [-86.185..98.254], [-107.863..94.482])
  • CIELab [CIE L*a*b*]54.85784.4834.626Lab([0..100], [-86.185..98.254], [-107.863..94.482])
  • CIELch54.85784.613.134L*c*h°([0..100], [0..100], [0..360]°)
  • CIELuv54.857142.565-11.25L*u*v*([0..100], [-134..220], [-140..122])
  • Web Safeff0066HEX([00..FF], [00..FF], [00..FF])
  • Octal(377)8(0)8(177)8Octal([00..377], [00..377], [00..377])
  • YUV0.3560.070.565YUV([0..1], [-0.436..+0.436], [-0.615..+0.615])
  • YCC0.2530.6740.88YCC([0..1], [-0.612..+0.612], [-0.537..+0.537])
  • YCbCr [Full Range] 90.723148.405 245.213YCbCr([0..255], [0..255], [0..255])
  • YCbCr [SDTV]93.981146.013230.928YCbCr([16..235], [16..240], [16..240])
  • YCbCr [HDTV]70.539157.998234.865 YCbCr([16..235], [16..240], [16..240])
  • YPbPr [SDTV]90.72320.405117.213YPbPr([0..255], [-127.5..+127.5], [-127.5..+127.5])
  • YPbPr [HDTV]63.45934.175121.658YPbPr([0..255], [-127.5..+127.5], [-127.5..+127.5])
  • YIQ [NTSC TV]0.3560.4360.367YIQ([0..1], [-0.5957..+0.5957], [-0.5226..+0.5226])
  • YDbDr [SECAM TV]0.356-1.114-1.225YDbDr([0..1], [±1.333][+3.059], [±1.333][-2.169])
  • YCoCg0.3750.251-0.375YCoCg(intensity, orange chrominance, green chrominance)
  • YCCK190.577136.026173.9510%YCCK([0..255], [0..128], [0..128], [0..100%])
  • Grey Scale919191Grey([0..255], [0..255], [0..255])
  • Grey Lightness128128128Grey([0..255], [0..255], [0..255])
  • Grey Average127127127Grey([0..255], [0..255], [0..255])
  • Grey Luminosity626262Grey([0..255], [0..255], [0..255])

#ff007f Color Schemes - Palettes

Complementary, Analogous, Split Complementary, Square, Triadic, Tetradic and Monochromatic Color Schemes for Color #ff007f, and a Color Wheel. Shade, Tint and Tone varients and Similar color palettes.

Color Schemes

Color schemes are colors located at certain degree of heu difference from one color.

Analogous Color Scheme

Tetradic Color Scheme

Triadic Color Scheme

Split Complementary Colors

Complementary Color

Square Color Scheme

Shade

A Shade is simply #ff007f color with black added. Shades are powerful and deep.

Tint

A Tint is simply #ff007f color with white added.

Tone

A Tone is simply #ffff00 color with grey added.

Similar Colors of #ff007f

Some colors with small color-distance difference. Nearest colors of #ff007f, useful while designing with colors.

How to use color #ff007f in CSS

CSS class examples using this color in various ways.

CSS Background Color

 .class { background-color:#ff007f; } 

CSS Font Color

Example Text!

 .class { color:#ff007f; } 

CSS Border

 .class {  border:5px solid #ff007f; } 

CSS Box Shadow

 .class {  box-shadow: 0 0 20px #ff007f inset; } 

CSS Radial Gradient

 .class {  background: -webkit-radial-gradient(#ff007f, yellow, green); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#ff007f, yellow, green); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#ff007f, yellow, green); /* For Fx 3.6 to 15 */ background: radial-gradient(#ff007f, yellow, green); /* Standard syntax (must be last) */ } 

CSS Linear Gradient

 .class {  background: -webkit-linear-gradient(left,#ff007f,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#ff007f,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#ff007f,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #ff007f,orange,yellow,green,blue,indigo,violet); /* Standard syntax */ } 

Themes with #ff007f

Find Themes and CSS classes containing or made based on color #ff007f. Themes can be used for Web designing, Print media, Advertisment designing, Art works, Painting works, Textile designing or Application development.

Color Themes

Some CSS color themes are presented here to illustrate this color in work.

Theme 1 with #ff007f

Colors: #FF5600, #F3B111, #ff007f, #FFFFFF, #000000, #663212

.class1{
    color: #FF5600;
}
.class2{
    color: #F3B111;
}
.class3{
    color: #ff007f;
}
.class4{
    color: #FFFFFF;
}
.class5{
    color: #000000;
}
.class6{
    color: #663212;
}

Theme 2 with #ff007f

Colors: #E4B97E, #ff007f, #FFFFFF, #F87F2F, #000000, #50624D

.class1{
    color: #E4B97E;
}
.class2{
    color: #ff007f;
}
.class3{
    color: #FFFFFF;
}
.class4{
    color: #F87F2F;
}
.class5{
    color: #000000;
}
.class6{
    color: #50624D;
}

Theme 3 with #ff007f

Colors: #3E3E3E, #FFFFFF, #ED872D, #F1B93B, #ff007f, #FFCB05

.class1{
    color: #3E3E3E;
}
.class2{
    color: #FFFFFF;
}
.class3{
    color: #ED872D;
}
.class4{
    color: #F1B93B;
}
.class5{
    color: #ff007f;
}
.class6{
    color: #FFCB05;
}

Theme 4 with #ff007f

Colors: #ff007f, #C8E052, #47CFEB, #D4F1F7, #FFFFFF

.class1{
    color: #ff007f;
}
.class2{
    color: #C8E052;
}
.class3{
    color: #47CFEB;
}
.class4{
    color: #D4F1F7;
}
.class5{
    color: #FFFFFF;
}

Theme 5 with #ff007f

Colors: #FFFFFF, #7BAECB, #A39982, #ff007f, #BFB398, #EDEAE3

.class1{
    color: #FFFFFF;
}
.class2{
    color: #7BAECB;
}
.class3{
    color: #A39982;
}
.class4{
    color: #ff007f;
}
.class5{
    color: #BFB398;
}
.class6{
    color: #EDEAE3;
}

Theme 6 with #ff007f

Colors: #983200, #C9E935, #ff007f, #FFFFFF, #3B0000

.class1{
    color: #983200;
}
.class2{
    color: #C9E935;
}
.class3{
    color: #ff007f;
}
.class4{
    color: #FFFFFF;
}
.class5{
    color: #3B0000;
}

Theme 7 with #ff007f

Colors: #CC3300, #D4DCE7, #C0CDDC, #5A6480, #FFFFFF, #ff007f

.class1{
    color: #CC3300;
}
.class2{
    color: #D4DCE7;
}
.class3{
    color: #C0CDDC;
}
.class4{
    color: #5A6480;
}
.class5{
    color: #FFFFFF;
}
.class6{
    color: #ff007f;
}

Theme 8 with #ff007f

Colors: #FFFFFF, #111111, #8D8E7E, #DFDED8, #ff007f

.class1{
    color: #FFFFFF;
}
.class2{
    color: #111111;
}
.class3{
    color: #8D8E7E;
}
.class4{
    color: #DFDED8;
}
.class5{
    color: #ff007f;
}
< #7FFF00 #007FFF >