20 Beautiful Website Colors Schemes and CSS hex codes.

Hello visitors, today we are going to talk to you about 20  color schemes which are very beautiful and attractive. You can use this in your next graphic design or web design. This 20 color scheme is very beautiful and attractive. All the colors given below are very liked by the designers, hope you will also like them. If you like this article, then do share it with your friends and in the comment box, please tell which color you liked as well as if you have any opinion about this article, then write in the comment box, thank you.

1.

OldLace

OldLace Hex : #FDF5E6. 

RGB-Code : rgb(253, 245, 230), OldLace is mixture of 253(99.21%) red, 245(96%) green and 230(91%) blue. 

CMYK-Code : cmyk(0%, 3%, 9%, 1%) , it is consist of 0% cyan, 3% magenta, 9% yellow and 1% black.

HSL-Code : hsl(41°, 79%, 95%) It has a hue angle of 41 degrees, a saturation of 79%, and 95% of lightness.

2.

LavenderBlush

LavenderBlush  Hex : #FFF0F5. 

RGB-Code : rgb(255, 240, 245),  LavenderBlush is mixture of 255(100%) red, 240(94.11%) green and 255(100%) blue. 

CMYK-Code : cmyk(0%, 6%, 4%, 0%) , it is consist of 0% cyan, 6% magenta, 4% yellow and 0% black.

HSL-Code: HSL(340°, 100%, 97%) It has a hue angle of 340 degrees, a saturation of 100%, and 97% of lightness.

3.

Olive

Olive  Hex: #808000. 

RGB-Code : rgb(128, 128, 0),  Olive is mixture of 128(51%) red, 128(51%) green and 0(0%) blue. 

CMYK-Code : cmyk(0%, 0%, 100%, 50%) , it is consist of 0% cyan, 0% magenta, 100% yellow and 50% black.

HSL-Code: HSL(60°, 100%, 25%) It has a hue angle of 60 degrees, a saturation of 100%, and 25% of lightness.

4.

OliverDrab

OliveDrab  Hex : #6B8E23. 

RGB-Code : rgb(107, 142, 35),  Olivadrab is mixture of 107(42%) red, 142(55.68%) green and 35(13.72%) blue. 

CMYK-Code : cmyk(25%, 0%, 75%, 44%) , it is consist of 25% cyan, 0% magenta, 75% yellow and 44% black.

HSL-Code: HSL(80°, 60%, 35%) It has a hue angle of 80 degrees, a saturation of 60%, and 35% of lightness.

5.

LightBlue

LightBlue  Hex : #ADD8E6. 

RGB-Code : rgb(173, 216, 230),  LightBlue is mixture of 173(67.84%) red, 216(84.7%) green and 230(91%) blue. 

CMYK-Code : cmyk(25%, 6%, 0%, 10%) , it is consist of 25% cyan, 6% magenta, 0% yellow and 10% black.

HSL-Code: HSL(194°, 54%, 79%) It has a hue angle of 194 degrees, a saturation of 54%, and 79% of lightness.

6.

Orange

Orange  Hex : #FFA500. 

RGB-Code : rgb(255, 165, 0), Orange is mixture of 255(100%) red, 165(64.7%) green and 0(0%) blue. 

CMYK-Code : cmyk(0%, 35%, 100%, 0%) , it is consist of 0% cyan, 35% magenta, 100% yellow and 0% black.

HSL-Code: HSL(39°, 100%, 50%) It has a hue angle of 39 degrees, a saturation of 100%, and 50% of lightness.

7.

ordered

OrangeRed  Hex : #FF4500. 

RGB-Code : rgb(255, 69, 0), OrangeRed is mixture of 255(100%) red, 69(27%) green and 0(0%) blue. 

CMYK-Code : cmyk(0%, 73%, 100%, 0%) , it is consist of 0% cyan, 73% magenta, 100% yellow and 0% black.

HSL-Code: HSL(16°, 100%, 50%) It has a hue angle of 16 degrees, a saturation of 100%, and 50% of lightness.

8.

Orchid

Orchid Hex : #DA70D6. 

RGB-Code : rgb(218, 112, 214), Orchid is mixture of 218(85.49%) red, 112(44%) green and 214(84%) blue. 

CMYK-Code : cmyk(0%, 49%, 2%, 15%) , it is consist of 0% cyan, 49% magenta, 2% yellow and 15% black.

HSL-Code: HSL(303°, 58%, 64%) It has a hue angle of 303 degrees, a saturation of 58%, and 64% of lightness.

9.

PaleGoldenRod

PaleGoldenRod  Hex : #EEE8AA. 

RGB-Code : rgb(238, 232, 170), PaleGoldenRod is mixture of 238(93.33%) red, 232(91%) green and 170(66.66%) blue. 

CMYK-Code : cmyk(0%, 3%, 29%, 7%) , it is consist of 0% cyan, 3% magenta, 29% yellow and 7% black.

HSL-Code: HSL(54°, 66%, 79%) It has a hue angle of 54 degrees, a saturation of 66%, and 79% of lightness.

10.


pale green

PaleGreen Hex : #98FB98. 

RGB-Code : rgb(152, 251, 152), PaleGreen is mixture of 152(59.6%) red, 251(98.43%) green and 152(59.6%) blue. 

CMYK-Code : cmyk(39%, 0%, 39%, 2%) , it is consist of 39% cyan, 0% magenta, 39% yellow and 2% black.

HSL-Code: HSL(120°, 91%, 79%) It has a hue angle of 120 degrees, a saturation of 91%, and 79% of lightness.

11.


PaleTurquoise

PaleTurquoise  Hex : #FF00FF. 

RGB-Code : rgb(255, 0, 255), PaleTurquoise is mixture of 255(100%) red, 0(0%) green and 255(100%) blue. 

CMYK-Code : cmyk(0%, 100%, 0%, 0%) , it is consist of 0% cyan, 100% magenta, 0% yellow and 0% black.

HSL-Code: HSL(300°, 100%, 50%) It has a hue angle of 300 degrees, a saturation of 100%, and 50% of lightness.

12.

PaleVioletRed

PlaeVioletRed  Hex : #DB7093. 

RGB-Code : rgb(219, 112, 147), PaleVioletRed is mixture of 219(85.88%) red, 112(43.9%) green and 177(69.41%) blue. 

CMYK-Code : cmyk(0%, 49%, 33%, 14%) , it is consist of 0% cyan, 49% magenta, 33% yellow and 14% black.

HSL-Code: HSL(340°, 60%, 65%) It has a hue angle of 340 degrees, a saturation of 60%, and 65% of lightness.

13.

PapayaWhip

PapayaWhip Hex : #FFEFD3. 

RGB-Code : rgb(255, 239, 211), PapayaWhip is mixture of 255(100%) red, 239(93.72%) green and 211(82.74%) blue. 

CMYK-Code : cmyk(0%, 6%, 17%, 0%) , it is consist of 0% cyan, 6% magenta, 17% yellow and 0% black.

HSL-Code: HSL(39°, 100%, 92%) It has a hue angle of 39 degrees, a saturation of 100%, and 92% of lightness.

14.

PeachPuff

PeachPuff  Hex : #FFDAB9. 

RGB-Code : rgb(255, 218, 185), PeachPuff is mixture of 255(100%) red, 218(85.49%) green and 185(72.54%) blue. 

CMYK-Code : cmyk(0%, 15%, 27%, 0%) , it is consist of 0% cyan, 15% magenta, 27% yellow and 0% black.

HSL-Code: HSL(27°, 100%, 86%) It has a hue angle of 27 degrees, a saturation of 100%, and 86% of lightness.

15.

Peru

Peru Hex : #CD853F. 

RGB-Code : rgb(205, 133, 63), Peru is mixture of 205(80.39%) red, 133(52.15%) green and 63(24.7%) blue. 

CMYK-Code : cmyk(0%, 35%, 69%, 20%), it is consist of 0% cyan, 35% magenta, 69% yellow and 20% black.

HSL-Code: HSL(30°, 58%, 52%) It has a hue angle of 30 degrees, a saturation of 58%, and 52% of lightness.

16.

Pink

Pink Hex : #FFC0CB. 

RGB-Code : rgb(255, 192, 203), Pink is mixture of 255(100%) red, 192(75.29%) green and 203(79.6%) blue. 

CMYK-Code : cmyk(0%, 25%, 20%, 0%) , it is consist of 0% cyan, 25% magenta, 20% yellow and 0% black.

HSL-Code: HSL(348°, 100%, 87%) It has a hue angle of 348 degrees, a saturation of 100%, and 87% of lightness.

17.

Plum

 Plum Hex : #DDA0DD. 

RGB-Code : rgb(221, 160, 221), Plum is mixture of 221(86.66%) red, 160(62.74%) green and 221(86.66%) blue. 

CMYK-Code : cmyk(0%, 28%, 0%, 13%) , it is consist of 0% cyan, 28% magenta, 0% yellow and 13% black.

HSL-Code: HSL(300°, 48%, 75%) It has a hue angle of 300 degrees, a saturation of 48%, and 75% of lightness.

18.

Lime

Lime  Hex : #00FF00. 

RGB-Code : rgb(0, 255, 0), Lime is mixture of 0(0%) red, 255(100%) green and 0(0%) blue. 

CMYK-Code : cmyk(100%, 0%, 100%, 0%) , it is consist of 100% cyan, 0% magenta, 100% yellow and 0% black.

HSL-Code: HSL(120°, 100%, 50%) It has a hue angle of 120 degrees, a saturation of 100%, and 50% of lightness.

19.

PowderBlue

PowderBlue Hex : #B0E0E6. 

RGB-Code : rgb(176, 224, 230),  Magenta is mixture of 176(69%) red, 224(87.84%) green and 230(92%) blue. 

CMYK-Code : cmyk(23%, 3%, 0%, 10%) , it is consist of 23% cyan, 3% magenta, 0% yellow and 10% black.

HSL-Code: HSL(188°, 51%, 80%) It has a hue angle of 188 degrees, a saturation of 51%, and 80% of lightness.

20.

Purple

Purple  Hex: #800080. 

RGB-Code : rgb(128, 0, 128), Purple is mixture of 128(51%) red, 0(0%) green and 128(51%) blue. 

CMYK-Code : cmyk(0%, 100%, 0%, 50%) , it is consist of 0% cyan, 100% magenta, 0% yellow and 50% black.

HSL-Code: HSL(300°, 100%, 25%) It has a hue angle of 300 degrees, a saturation of 100%, and 25% of lightness.

Rcommended Post!

img
20 dark colors that use a large scale by designers for your next design.
img
15 Gradients for your next graphics or UI-design.
img
11 most beautiful color palettes for your next UI-design or graphics design.
img
20 best gradient colors for website design or graphics design.
img
10 color palettes will make your website more attractive.
img
18 beautiful gradients for your next UI-design or graphics design.