ColorTool
لاگ اِن
#F4C679

#f4c679 ≈ Topaz

  • نارنجی
  • روشنی: زیادہ
  • سیچوریشن: درمیانی
  • گرم
کنٹراسٹ جانچیں گراف میں دیکھیں بے ترتیب رنگ

⁦#f4c679⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 95.69% سرخ، 77.65% سبز اور 47.45% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 18.85% میجنٹا، 50.41% پیلا اور 4.31% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 37.56°، سیچوریشن 84.83% اور روشنی 71.57% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.2:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Topaz (⁦#ffc87c⁩) ہے، ΔE 2.73۔

یہ تفصیل اس رنگ کی ناپی گئی خصوصیات سے تیار کی گئی ہے۔

HEX
RGB
RGB فیصد
CMY
CMYK
HSL
HSV / HSB
ویب سیف#ffcc66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
بائنری
اعشاری
نسبتی روشنی0.61

تکمیلی

  1. #f4c679
  2. #79a7f4

منقسم تکمیلی

  1. #f4c679
  2. #79e5f4
  3. #8979f4

مماثل

  1. #f48979
  2. #f4c679
  3. #e5f479

سہ رنگی

  1. #f4c679
  2. #79f4c6
  3. #c679f4

چہار رنگی

  1. #f4c679
  2. #a7f479
  3. #79a7f4
  4. #c679f4

مربع

  1. #f4c679
  2. #79f489
  3. #79a7f4
  4. #f479e5

یک رنگی

  1. #c48110
  2. #eea832
  3. #f4c679
  4. #fae4c0
  5. #fdf7ec

شیڈز

⁦#f4c679⁩ میں بتدریج سیاہ ملایا گیا۔

  1. #f4c679
  2. #dcb26d
  3. #c39e61
  4. #ab8b55
  5. #927749
  6. #7a633d
  7. #624f30
  8. #493b24
  9. #312818
  10. #18140c
  11. #000000

ٹنٹس

⁦#f4c679⁩ میں بتدریج سفید ملایا گیا۔

  1. #f4c679
  2. #f5cc86
  3. #f6d194
  4. #f7d7a1
  5. #f8ddaf
  6. #fae3bc
  7. #fbe8c9
  8. #fceed7
  9. #fdf4e4
  10. #fef9f2
  11. #ffffff

ٹونز

⁦#f4c679⁩ میں بتدریج سرمئی ملایا گیا۔

  1. #f4c679
  2. #e8bf7a
  3. #ddb87a
  4. #d1b17b
  5. #c6aa7c
  6. #baa37d
  7. #ae9c7d
  8. #a3957e
  9. #978e7f
  10. #8c877f
  11. #808080

پڑھنے کے قابل متن 1.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
پڑھنے کے قابل متن 13.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

اکرومیٹوپسیا #cdcdcd تقریباً 0.003% مرد
اکرومیٹومیلی #decab2 تقریباً 0.001% مرد
پروٹانوپیا #d9c673 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e4d27b تقریباً 1.27% مرد
ٹرائٹانوپیا #ffb9b3 تقریباً 0.0001% مرد
پروٹانومیلی #e4c675 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #eacd7a تقریباً 4.63% مرد
ٹرائٹانومیلی #ffbe9f تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

اس رنگ میں پس منظر

اس رنگ میں بارڈر

متن کا رنگ
.text-f4c679 {
  color: #f4c679;
}
پس منظر
.bg-f4c679 {
  background-color: #f4c679;
  color: #000000;
}
بارڈر
.border-f4c679 {
  border: 2px solid #f4c679;
}
CSS ویری ایبلز
:root {
  --color-primary: #f4c679;
  --color-primary-rgb: 244 198 121;
  --color-primary-hsl: 38 85% 72%;
}
گریڈیئنٹ
.gradient-f4c679 {
  background: linear-gradient(135deg, #f4c679, #e5f479);
}
رنگین سایہ
.shadow-f4c679 {
  box-shadow: 0 8px 24px rgb(244 198 121 / 0.35);
}

#ffc87c Topaz ΔE 2.73 #deb887 Burly Wood ΔE 6.76 #fad6a5 Sunset ΔE 6.84 #ffcc99 Peach Orange ΔE 6.95 #e3a857 Indian Yellow ΔE 7.83 #e5b73b Meat Brown ΔE 7.85 #ffb347 Pastel Orange ΔE 7.96 #0b3986 الٹا رنگ #cdcdcd گرے اسکیل 

Topaz
#f4c679  rgb(244, 198, 121)  hsl(38, 85%, 72%)  Topaz
#79a7f4  rgb(121, 167, 244)  hsl(218, 85%, 72%)  Cornflower Blue
#79f4c6  rgb(121, 244, 198)  hsl(158, 85%, 72%)  Aquamarine
#c679f4  rgb(198, 121, 244)  hsl(278, 85%, 72%)  Heliotrope