Html Css Color HEX #F4AF50 Casablanca

📋 copy color: '#F4AF50'

red 244 ◦ green 175 ◦ blue 80

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

Shades of Casablanca #F4AF50

#F4AF50
#C38C40
#9C7033
#7D5A29
#644821
#503A1A
#402E15
#332511
#291E0E
#21180B
#1A1309
#150F07
Black

Tints of Casablanca #F4AF50

#F4AF50
#F6BF73
#F8CC8F
#F9D6A5
#FADEB7
#FBE5C5
#FCEAD1
#FDEEDA
#FDF1E1
#FDF4E7
#FDF6EC
#FDF8F0
White

RGB

 RED value IS 244 (95.7% from 255) = 48.9%

 GREEN value IS 175 (68.75% from 255) = 35.07%

 BLUE value IS 80 (31.64% from 255) = 16.03%

R = 48.9%
G = 35.07%
B = 16.03%

CMYK

 C value IS 0

 M value IS 0.28

 Y value IS 0.67

 K value IS 0.04

RGB Variations

RGB:
#F4AF50
RBG:
#F450AF
GRB:
#AFF450
GBR:
#AF50F4
BRG:
#50F450
BGR:
#50AFF4

Color information

#F4AF50 (or 0xF4AF50) is known color: Casablanca. HEX triplet: F4, AF and 50. RGB value is (244,175,80). Sum of RGB (Red+Green+Blue) = 244+175+80=499 (66% of max value = 765). Red value is 244 (95.70% from 255 or 48.90% from 499); Green value is 175 (68.75% from 255 or 35.07% from 499); Blue value is 80 (31.64% from 255 or 16.03% from 499); Max value from RGB is 244 - color contains mainly: red. Hex color #F4AF50 is not a web safe color. Web safe color analog (approx): #FF9966. Inversed color of #F4AF50 is #0B50AF. Grayscale: #B9B9B9. Windows color (decimal): -741552 or 5287924. OLE color: 5287924.

HSL color Cylindrical-coordinate representation of color #F4AF50: hue angle of 34.76º degrees, saturation: 0.88, lightness: 0.64%. HSV value (or HSB Brightness) of color is 0.96% and HSV saturation: 0.67%. Process color model (Four color, CMYK) of #F4AF50 is Cyan = 0, Magento = 0.28, Yellow = 0.67 and Black (K on CMYK) = 0.04.

Color convert

RGB 244 175 80 -
CMYK 0 0.28 0.67 0.04
HSL 34.76º 0.88% 0.64% -
HSV(B) 34.76º 0.67% 0.96% -
XYZ 54.09 50.47 14.48 -
YUV 184.8 68.86 170.22 -
System Red Green Blue C M Y K H S L
Decimal 244 175 80 0 0.28 0.67 0.04 34.76 0.88 0.64
Hex F4 AF 50 0 1C 43 4 23 58 40
Octal 364 257 120 0 34 103 4 43 130 100
Binary 11110100 10101111 1010000 0 11100 1000011 100 100011 1011000 1000000

Color Harmonies of #F4AF50

Triadic Colors

#50F4AF
#AF50F4

Analogous colors

#E7F450
#F45D50

Split complements colors

#50E7F4
#5D50F4

Complementary color

#5095F4

Monochromatic Colors of #F4AF50

#FCEAD3
#FAD7A8
#BBA17E
#B7833C
#7A5728
#5B411E

Black with #F4AF50

Text Example


Text Example

White with #F4AF50

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #F4AF50; }

 p { color: rgb(244,175,80); }

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

background-color css

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

 a { background-color: rgb(244,175,80); }

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

border-color css

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

 span { border-color: rgb(244,175,80); }

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