ColorTool
لاگ اِن
#FBB696

#fbb696 ≈ Tumbleweed

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

⁦#fbb696⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 98.43% سرخ، 71.37% سبز اور 58.82% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 27.49% میجنٹا، 40.24% پیلا اور 1.57% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 19.01°، سیچوریشن 92.66% اور روشنی 78.63% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن، کھانے کے برانڈز اور ریستوران اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.23:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Tumbleweed (⁦#deaa88⁩) ہے، ΔE 6.07۔

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

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

تکمیلی

  1. #fbb696
  2. #96dbfb

منقسم تکمیلی

  1. #fbb696
  2. #96fbe9
  3. #96a9fb

مماثل

  1. #fb96a9
  2. #fbb696
  3. #fbe996

سہ رنگی

  1. #fbb696
  2. #96fbb6
  3. #b696fb

چہار رنگی

  1. #fbb696
  2. #dbfb96
  3. #96dbfb
  4. #b696fb

مربع

  1. #fbb696
  2. #a9fb96
  3. #96dbfb
  4. #e996fb

یک رنگی

  1. #ef5209
  2. #f8834c
  3. #fbb696
  4. #fee9e0
  5. #fef1eb

شیڈز

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

  1. #fbb696
  2. #e2a487
  3. #c99278
  4. #b07f69
  5. #976d5a
  6. #7e5b4b
  7. #64493c
  8. #4b372d
  9. #32241e
  10. #19120f
  11. #000000

ٹنٹس

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

  1. #fbb696
  2. #fbbda1
  3. #fcc5ab
  4. #fcccb6
  5. #fdd3c0
  6. #fddbcb
  7. #fde2d5
  8. #fee9e0
  9. #fef0ea
  10. #fff8f5
  11. #ffffff

ٹونز

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

  1. #fbb696
  2. #efb194
  3. #e2ab92
  4. #d6a68f
  5. #caa08d
  6. #be9b8b
  7. #b19689
  8. #a59087
  9. #998b84
  10. #8c8582
  11. #808080

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

اکرومیٹوپسیا #c6c6c6 تقریباً 0.003% مرد
اکرومیٹومیلی #ddc0b4 تقریباً 0.001% مرد
پروٹانوپیا #c8bd94 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d8cb96 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffabae تقریباً 0.0001% مرد
پروٹانومیلی #deba95 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e7c396 تقریباً 4.63% مرد
ٹرائٹانومیلی #ffafa5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-fbb696 {
  color: #fbb696;
}
پس منظر
.bg-fbb696 {
  background-color: #fbb696;
  color: #000000;
}
بارڈر
.border-fbb696 {
  border: 2px solid #fbb696;
}
CSS ویری ایبلز
:root {
  --color-primary: #fbb696;
  --color-primary-rgb: 251 182 150;
  --color-primary-hsl: 19 93% 79%;
}
گریڈیئنٹ
.gradient-fbb696 {
  background: linear-gradient(135deg, #fbb696, #fbe996);
}
رنگین سایہ
.shadow-fbb696 {
  box-shadow: 0 8px 24px rgb(251 182 150 / 0.35);
}

#deaa88 Tumbleweed ΔE 6.07 #ffa07a Light Salmon ΔE 6.12 #ebc2af Zinnwaldite ΔE 6.91 #fbceb1 Apricot ΔE 7.17 #ffa089 Vivid Tangerine ΔE 7.35 #e9967a Dark Salmon ΔE 8.16 #edc9af Desert Sand ΔE 8.49 #044969 الٹا رنگ #c6c6c6 گرے اسکیل 

Tumbleweed
#fbb696  rgb(251, 182, 150)  hsl(19, 93%, 79%)  Tumbleweed
#96dbfb  rgb(150, 219, 251)  hsl(199, 93%, 79%)  Baby Blue
#96fbb6  rgb(150, 251, 182)  hsl(139, 93%, 79%)  Pale Green
#b696fb  rgb(182, 150, 251)  hsl(259, 93%, 79%)  Floral Lavender