Color #F3D689 hex code, color models, shades and preview

Renk bilgisi

#F3D689 contains mainly red and green colors. #F3D689 ‘ nin web güvenlik rengi #FFCC99 (ya da #FC9) dir.

RGB renk modeli

#F3D689 color RGB value is (243,214,137).

kırmız ton 243;
yeşil ton 214;
mavi ton 137.

RGB:
(243,214,137)
(95%,84%,54%)

RGB bağlantıları ve doygunluk

R 243 of 255 = 95%
G 214 of 255 = 84%
B 137 of 255 = 54%

243

214

137

R + G + B ~ 78%. #F3D689 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
243 + 214 + 137 = 594 (100%)
R 243 of 594 ~ 40.91%
G 214 of 594 ~ 36.03%
B 137 of 594 ~ 23.06%

%40.91

%36.03

%23.06

CMYK RENK MODELİ

#F3D689 rengi CMYK tonu (0,12,44,5).

camgöbeği tonu 0.00%
eflatun tonu 11.93%
sarı tonu 43.62%
ana renk tonu 4.71%

CMYK:
(0,12,44,5)
C0M12Y44K5 
(0%,12%,44%,5%)
(0.00/0.12/0.44/0.05)

CMYK yüzdeleri

%11.93

%43.62

%4.71

Codes

Color #F3D689 in popluar color models

	F3	D6	89
RGB	243	214	137
HSL	44°	81.54%	74.51%
HSB/HSV	44°	43.62%	95.29%
CMYK	0.00%	11.93%	43.62%
CMYK	4.71%

Color #F3D689 in popluar number systems.

HEX	F3	D6	89
Decimal	243	214	137
Binary	11110011	11010110	10001001
Octal	363	326	211

Shades and tints

Shades of #F3D689

#F3D689
(243,214,137)

#DDC37D
(221,195,125)

#C7B071
(199,176,113)

#B19D65
(177,157,101)

#9B8A59
(155,138,89)

#85774D
(133,119,77)

#6F6441
(111,100,65)

#595135
(89,81,53)

#433E29
(67,62,41)

#2D2B1D
(45,43,29)

#171811
(23,24,17)

#000000
(0,0,0)

Tints of #F3D689

#F3D689
(243,214,137)

#F4D993
(244,217,147)

#F5DC9D
(245,220,157)

#F6DFA7
(246,223,167)

#F7E2B1
(247,226,177)

#F8E5BB
(248,229,187)

#F9E8C5
(249,232,197)

#FAEBCF
(250,235,207)

#FBEED9
(251,238,217)

#FCF1E3
(252,241,227)

#FDF4ED
(253,244,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F3D689 color. Also use rgb(243,214,137) instead hex code.

Text Font Color

.myTextColor { color: #F3D689; }

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

This text font color is #F3D689.

Background Color

.myBgColor { background-color: #F3D689; }

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

This div background color is #F3D689.

Border color

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

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

This div border color is #F3D689.

Opacity

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

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

Text with #F3D689 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 #F3D689;}

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

This text has shadow with #F3D689 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F3D689.

Preview

Color preview on black background

This text has color #F3D689 on black background.

Color preview on white background

This text has color #F3D689 on white background.

Black color preview on #F3D689 background

This text has black color on #F3D689 background.

White color preview on #F3D689 background

This text has white color on #F3D689 background.

COLOR #F3D689