ColorTool
لاگ اِن
#CC375A

#cc375a ≈ Brick Red

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

⁦#cc375a⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 80% سرخ، 21.57% سبز اور 35.29% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 73.04% میجنٹا، 55.88% پیلا اور 20% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 345.91°، سیچوریشن 59.36% اور روشنی 50.78% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 4.93:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Brick Red (⁦#cb4154⁩) ہے، ΔE 3.42۔

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

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

تکمیلی

  1. #cc375a
  2. #37cca9

منقسم تکمیلی

  1. #cc375a
  2. #37cc5e
  3. #37a4cc

مماثل

  1. #cc37a4
  2. #cc375a
  3. #cc5e37

سہ رنگی

  1. #cc375a
  2. #5acc37
  3. #375acc

چہار رنگی

  1. #cc375a
  2. #cca937
  3. #37cca9
  4. #375acc

مربع

  1. #cc375a
  2. #a4cc37
  3. #37cca9
  4. #5e37cc

یک رنگی

  1. #541624
  2. #91253f
  3. #cc375a
  4. #dc748c
  5. #ebb1bf

شیڈز

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

  1. #cc375a
  2. #b83251
  3. #a32c48
  4. #8f273f
  5. #7a2136
  6. #661c2d
  7. #521624
  8. #3d111b
  9. #290b12
  10. #140609
  11. #000000

ٹنٹس

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

  1. #cc375a
  2. #d14b6b
  3. #d65f7b
  4. #db738c
  5. #e0879c
  6. #e69bad
  7. #ebafbd
  8. #f0c3ce
  9. #f5d7de
  10. #faebef
  11. #ffffff

ٹونز

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

  1. #cc375a
  2. #c43e5e
  3. #bd4662
  4. #b54d65
  5. #ae5469
  6. #a65c6d
  7. #9e6371
  8. #976a75
  9. #8f7178
  10. #88797c
  11. #808080

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

اکرومیٹوپسیا #707070 تقریباً 0.003% مرد
اکرومیٹومیلی #9d5e68 تقریباً 0.001% مرد
پروٹانوپیا #5e5d5a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #847b56 تقریباً 1.27% مرد
ٹرائٹانوپیا #df0b45 تقریباً 0.0001% مرد
پروٹانومیلی #97505a تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a66758 تقریباً 4.63% مرد
ٹرائٹانومیلی #d8244e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#cb4154 Brick Red ΔE 3.42 #de3163 Cerise ΔE 3.63 #e0115f Ruby ΔE 3.95 #e30b5c Raspberry ΔE 4.02 #e3256b Razzmatazz ΔE 5.46 #d71868 Dogwood Rose ΔE 5.49 #e52b50 Amaranth ΔE 5.93 #33c8a5 الٹا رنگ #707070 گرے اسکیل 

Brick Red
#cc375a  rgb(204, 55, 90)  hsl(346, 59%, 51%)  Brick Red
#37cca9  rgb(55, 204, 169)  hsl(166, 59%, 51%)  Medium Aquamarine
#5acc37  rgb(90, 204, 55)  hsl(106, 59%, 51%)  Lime Green
#375acc  rgb(55, 90, 204)  hsl(226, 59%, 51%)  Sapphire