Html Css Color HEX #CC8E22 Buttercup

📋 copy color: '#CC8E22'

red 204 ◦ green 142 ◦ blue 34

#CC8E22
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Buttercup #CC8E22

#CC8E22
#A3721B
#825B16
#684912
#533A0E
#422E0B
#352509
#2A1E07
#221806
#1B1305
#160F04
#120C03
Black

Tints of Buttercup #CC8E22

#CC8E22
#D6A54E
#DEB771
#E5C58D
#EAD1A4
#EEDAB6
#F1E1C5
#F4E7D1
#F6ECDA
#F8F0E1
#F9F3E7
#FAF5EC
White

RGB

 RED value IS 204 (80.08% from 255) = 53.68%

 GREEN value IS 142 (55.86% from 255) = 37.37%

 BLUE value IS 34 (13.67% from 255) = 8.95%

R = 53.68%
G = 37.37%
B = 8.95%

CMYK

 C value IS 0

 M value IS 0.30

 Y value IS 0.83

 K value IS 0.2

RGB Variations

RGB:
#CC8E22
RBG:
#CC228E
GRB:
#8ECC22
GBR:
#8E22CC
BRG:
#22CC22
BGR:
#228ECC

Color information

#CC8E22 (or 0xCC8E22) is known color: Buttercup. HEX triplet: CC, 8E and 22. RGB value is (204,142,34). Sum of RGB (Red+Green+Blue) = 204+142+34=380 (50% of max value = 765). Red value is 204 (80.08% from 255 or 53.68% from 380); Green value is 142 (55.86% from 255 or 37.37% from 380); Blue value is 34 (13.67% from 255 or 8.95% from 380); Max value from RGB is 204 - color contains mainly: red. Hex color #CC8E22 is not a web safe color. Web safe color analog (approx): #CC9933. Inversed color of #CC8E22 is #3371DD. Grayscale: #949494. Windows color (decimal): -3371486 or 2264780. OLE color: 2264780.

HSL color Cylindrical-coordinate representation of color #CC8E22: hue angle of 38.12º degrees, saturation: 0.71, lightness: 0.47%. HSV value (or HSB Brightness) of color is 0.8% and HSV saturation: 0.83%. Process color model (Four color, CMYK) of #CC8E22 is Cyan = 0, Magento = 0.30, Yellow = 0.83 and Black (K on CMYK) = 0.2.

Color convert

RGB 204 142 34 -
CMYK 0 0.30 0.83 0.2
HSL 38.12º 0.71% 0.47% -
HSV(B) 38.12º 0.83% 0.8% -
XYZ 34.86 32.3 5.91 -
YUV 148.23 63.54 167.78 -
System Red Green Blue C M Y K H S L
Decimal 204 142 34 0 0.30 0.83 0.2 38.12 0.71 0.47
Hex CC 8E 22 0 1E 53 14 26 47 2F
Octal 314 216 42 0 36 123 24 46 107 57
Binary 11001100 10001110 100010 0 11110 1010011 10100 100110 1000111 101111

Color Harmonies of #CC8E22

Triadic Colors

#22CC8E
#8E22CC

Analogous colors

#B5CC22
#CC3922

Split complements colors

#22B5CC
#3922CC

Complementary color

#2260CC

Monochromatic Colors of #CC8E22

#F2E2C8
#E6C791
#AC956C
#996A19
#664711
#4C350C

Black with #CC8E22

Text Example


Text Example

White with #CC8E22

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #CC8E22; }

 p { color: rgb(204,142,34); }

 H1.HeaderClassName
 {
   color: #CC8E22;
 }
 .AnyTagClassName
 {
   color: #CC8E22;
 }
</style>

background-color css

<style>
 a { background-color: #CC8E22; }

 a { background-color: rgb(204,142,34); }

 div.DivClassName
 {
   background-color: #CC8E22;
 }
 .BgClassName
 {
   background-color: #CC8E22;
 }
</style>

border-color css

<style>
 span { border-color: #CC8E22; }

 span { border-color: rgb(204,142,34); }

 td.TdClassName
 {
   border-color: #CC8E22;
 }
 .TagClassName
 {
   border-color: #CC8E22;
 }
</style>