ColorTool
لاگ اِن
#CA344A

#ca344a ≈ Brick Red

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

⁦#ca344a⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 79.22% سرخ، 20.39% سبز اور 29.02% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 74.26% میجنٹا، 63.37% پیلا اور 20.78% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 351.2°، سیچوریشن 59.06% اور روشنی 49.8% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.12:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Brick Red (⁦#cb4154⁩) ہے، ΔE 2.57۔

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

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

تکمیلی

  1. #ca344a
  2. #34cab4

منقسم تکمیلی

  1. #ca344a
  2. #34ca69
  3. #3495ca

مماثل

  1. #ca3495
  2. #ca344a
  3. #ca6934

سہ رنگی

  1. #ca344a
  2. #4aca34
  3. #344aca

چہار رنگی

  1. #ca344a
  2. #cab434
  3. #34cab4
  4. #344aca

مربع

  1. #ca344a
  2. #95ca34
  3. #34cab4
  4. #6934ca

یک رنگی

  1. #50151d
  2. #8d2434
  3. #ca344a
  4. #da7080
  5. #eaadb6

شیڈز

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

  1. #ca344a
  2. #b62f43
  3. #a22a3b
  4. #8d2434
  5. #791f2c
  6. #651a25
  7. #51151e
  8. #3d1016
  9. #280a0f
  10. #140507
  11. #000000

ٹنٹس

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

  1. #ca344a
  2. #cf485c
  3. #d55d6e
  4. #da7180
  5. #df8592
  6. #e59aa5
  7. #eaaeb7
  8. #efc2c9
  9. #f4d6db
  10. #faebed
  11. #ffffff

ٹونز

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

  1. #ca344a
  2. #c33c4f
  3. #bb4355
  4. #b44b5a
  5. #ac5260
  6. #a55a65
  7. #9e626a
  8. #966970
  9. #8f7175
  10. #87787b
  11. #808080

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

اکرومیٹوپسیا #6e6e6e تقریباً 0.003% مرد
اکرومیٹومیلی #9b5c61 تقریباً 0.001% مرد
پروٹانوپیا #5e5a4a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #847946 تقریباً 1.27% مرد
ٹرائٹانوپیا #dd003d تقریباً 0.0001% مرد
پروٹانومیلی #964d4a تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a56547 تقریباً 4.63% مرد
ٹرائٹانومیلی #d61b43 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-ca344a {
  color: #ca344a;
}
پس منظر
.bg-ca344a {
  background-color: #ca344a;
  color: #ffffff;
}
بارڈر
.border-ca344a {
  border: 2px solid #ca344a;
}
CSS ویری ایبلز
:root {
  --color-primary: #ca344a;
  --color-primary-rgb: 202 52 74;
  --color-primary-hsl: 351 59% 50%;
}
گریڈیئنٹ
.gradient-ca344a {
  background: linear-gradient(135deg, #ca344a, #ca6934);
}
رنگین سایہ
.shadow-ca344a {
  box-shadow: 0 8px 24px rgb(202 52 74 / 0.35);
}

#cb4154 Brick Red ΔE 2.57 #c41e3a Cardinal ΔE 4.00 #dc143c Crimson ΔE 4.27 #e52b50 Amaranth ΔE 5.07 #e30b5c Raspberry ΔE 6.72 #cc3333 Persian Red ΔE 6.78 #de3163 Cerise ΔE 6.95 #35cbb5 الٹا رنگ #6e6e6e گرے اسکیل 

Brick Red
#ca344a  rgb(202, 52, 74)  hsl(351, 59%, 50%)  Brick Red
#34cab4  rgb(52, 202, 180)  hsl(171, 59%, 50%)  Medium Aquamarine
#4aca34  rgb(74, 202, 52)  hsl(111, 59%, 50%)  Lime Green
#344aca  rgb(52, 74, 202)  hsl(231, 59%, 50%)  Iris