COLOR #FAC15A

HEX: #FAC15A
RGB: (250,193,90)

Renk bilgisi

#FAC15A contains mainly red and green colors. #FAC15A ‘ nin web güvenlik rengi #FFCC66 (ya da #FC6) dir.

RGB renk modeli

#FAC15A color RGB value is (250,193,90).

  • kırmız ton 250;
  • yeşil ton 193;
  • mavi ton 90.
RGB:
(250,193,90)
(98%,76%,35%)

RGB bağlantıları ve doygunluk

R 250 of 255 = 98%
G 193 of 255 = 76%
B 90 of 255 = 35%

250
193
90

R + G + B ~ 70%. #FAC15A is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
250 + 193 + 90 = 533 (100%)
R 250 of 533 ~ 46.9%
G 193 of 533 ~ 36.21%
B 90 of 533 ~ 16.89%

%46.9
%36.21
%16.89

CMYK RENK MODELİ

#FAC15A rengi CMYK tonu (0,23,64,2).

  • camgöbeği tonu 0.00%
  • eflatun tonu 22.80%
  • sarı tonu 64.00%
  • ana renk tonu 1.96%
CMYK:
(0,23,64,2)
C0M23Y64K2 
(0%,23%,64%,2%)
(0.00/0.23/0.64/0.02)	

CMYK yüzdeleri

%0
%22.8
%64
%1.96

Codes

Color #FAC15A in popluar color models

FAC15A
RGB25019390
HSL39°94.12%66.67%
HSB/HSV39°64.00%98.04%
CMYK0.00%22.80%64.00%
1.96%

Color #FAC15A in popluar number systems.

HEXFAC15A
Decimal25019390
Binary11111010110000011011010
Octal372301132

Shades and tints

Shades of #FAC15A

#FAC15A
(250,193,90)
#E4B052
(228,176,82)
#CE9F4A
(206,159,74)
#B88E42
(184,142,66)
#A27D3A
(162,125,58)
#8C6C32
(140,108,50)
#765B2A
(118,91,42)
#604A22
(96,74,34)
#4A391A
(74,57,26)
#342812
(52,40,18)
#1E170A
(30,23,10)
#000000
(0,0,0)

Tints of #FAC15A

#FAC15A
(250,193,90)
#FAC669
(250,198,105)
#FACB78
(250,203,120)
#FAD087
(250,208,135)
#FAD596
(250,213,150)
#FADAA5
(250,218,165)
#FADFB4
(250,223,180)
#FAE4C3
(250,228,195)
#FAE9D2
(250,233,210)
#FAEEE1
(250,238,225)
#FAF3F0
(250,243,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FAC15A color. Also use rgb(250,193,90) instead hex code.

Text Font Color

.myTextColor { color: #FAC15A; }

<p style="color:#FAC15A">This sample text font color is #FAC15A.</p>

This text font color is #FAC15A.


Background Color

.myBgColor { background-color: #FAC15A; }

<div style="background-color:#FAC15A">Inner text</div>

This div background color is #FAC15A.


Border color

.myBorderColor { border: 1px solid #FAC15A; }

<div style="border:3px solid #FAC15A">Div</div>

This div border color is #FAC15A.


Opacity

.myOpacity80 { color: #FAC15A; opacity: 0.8; }

<p style="color:#FAC15A;opacity:0.8;">80%</p>

Text with #FAC15A color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #FAC15A;}

<p style="text-shadow: 3px 3px 1px #FAC15A">Text here.</p>

This text has shadow with #FAC15A color.

.textShadow {text-shadow: 3px 3px 1px #FAC15A, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #FAC15A, 5px 5px 20px red">Text here.</p>

This text has shadow with #FAC15A primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#FAC15A, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#FAC15A, Direction=45, Strength=4)">Text</p>

This text has shadow with #FAC15A and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #FAC15A;
  -webkit-box-shadow:	1px 1px 3px 2px #FAC15A;
  box-shadow:		1px 1px 3px 2px #FAC15A;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #FAC15A;
-webkit-box-shadow: 1px 1px 3px 2px #FAC15A;
box-shadow:1px 1px 3px 2px #FAC15A;">
Div content here</div>
This div box has shadow with color #FAC15A.

Preview

Color preview on black background

This text has color #FAC15A on black background.


Color preview on white background

This text has color #FAC15A on white background.



Black color preview on #FAC15A background

This text has black color on #FAC15A background.


White color preview on #FAC15A background

This text has white color on #FAC15A background.