ColorTool
لاگ اِن
#AF660A

#af660a ≈ Ginger

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

⁦#af660a⁩ “بھورا” خاندان کا رنگ ہے؛ اس کی روشنی کم اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 68.63% سرخ، 40% سبز اور 3.92% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 41.71% میجنٹا، 94.29% پیلا اور 31.37% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 33.45°، سیچوریشن 89.19% اور روشنی 36.27% ہے۔ یہ ایک گرم رنگ ہے جو اکثر اعتماد، گرمجوشی اور سادگی سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کیفے اور کافی برانڈز، دیہاتی اور قدرتی انداز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.73:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Ginger (⁦#b06500⁩) ہے، ΔE 0.62۔

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

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

تکمیلی

  1. #af660a
  2. #0a53af

منقسم تکمیلی

  1. #af660a
  2. #0aa5af
  3. #130aaf

مماثل

  1. #af130a
  2. #af660a
  3. #a5af0a

سہ رنگی

  1. #af660a
  2. #0aaf66
  3. #660aaf

چہار رنگی

  1. #af660a
  2. #53af0a
  3. #0a53af
  4. #660aaf

مربع

  1. #af660a
  2. #0aaf13
  3. #0a53af
  4. #af0aa5

یک رنگی

  1. #1e1202
  2. #673c06
  3. #af660a
  4. #f28f14
  5. #f6b25c

شیڈز

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

  1. #af660a
  2. #9e5c09
  3. #8c5208
  4. #7b4707
  5. #693d06
  6. #583305
  7. #462904
  8. #351f03
  9. #231402
  10. #120a01
  11. #000000

ٹنٹس

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

  1. #af660a
  2. #b77523
  3. #bf853b
  4. #c79454
  5. #cfa36c
  6. #d7b385
  7. #dfc29d
  8. #e7d1b6
  9. #efe0ce
  10. #f7f0e7
  11. #ffffff

ٹونز

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

  1. #af660a
  2. #aa6916
  3. #a66b22
  4. #a16e2d
  5. #9c7039
  6. #987345
  7. #937651
  8. #8e785d
  9. #897b68
  10. #857d74
  11. #808080

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

اکرومیٹوپسیا #787878 تقریباً 0.003% مرد
اکرومیٹومیلی #91715e تقریباً 0.001% مرد
پروٹانوپیا #7d6d00 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8e7e0c تقریباً 1.27% مرد
ٹرائٹانوپیا #c05557 تقریباً 0.0001% مرد
پروٹانومیلی #946a00 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #9c750b تقریباً 4.63% مرد
ٹرائٹانومیلی #b95c44 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-af660a {
  color: #af660a;
}
پس منظر
.bg-af660a {
  background-color: #af660a;
  color: #000000;
}
بارڈر
.border-af660a {
  border: 2px solid #af660a;
}
CSS ویری ایبلز
:root {
  --color-primary: #af660a;
  --color-primary-rgb: 175 102 10;
  --color-primary-hsl: 33 89% 36%;
}
گریڈیئنٹ
.gradient-af660a {
  background: linear-gradient(135deg, #af660a, #a5af0a);
}
رنگین سایہ
.shadow-af660a {
  box-shadow: 0 8px 24px rgb(175 102 10 / 0.35);
}

#b06500 Ginger ΔE 0.62 #b87333 Copper ΔE 5.58 #996515 Golden Brown ΔE 5.87 #cc7722 Ochre ΔE 7.85 #d2691e Chocolate ΔE 9.30 #cd7f32 Bronze ΔE 9.52 #cc5500 Burnt Orange ΔE 10.17 #5099f5 الٹا رنگ #787878 گرے اسکیل 

Ginger
#af660a  rgb(175, 102, 10)  hsl(33, 89%, 36%)  Ginger
#0a53af  rgb(10, 83, 175)  hsl(213, 89%, 36%)  Sapphire
#0aaf66  rgb(10, 175, 102)  hsl(153, 89%, 36%)  Medium Sea Green
#660aaf  rgb(102, 10, 175)  hsl(273, 89%, 36%)  Rebecca Purple