ColorTool
لاگ اِن
#227CED

#227ced ≈ Tufts Blue

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

⁦#227ced⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 48.63% سبز اور 92.94% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 85.65% سیان، 47.68% میجنٹا، 0% پیلا اور 7.06% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 213.4°، سیچوریشن 84.94% اور روشنی 53.14% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.17:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Tufts Blue (⁦#417dc1⁩) ہے، ΔE 4.04۔

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

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

تکمیلی

  1. #227ced
  2. #ed9322

منقسم تکمیلی

  1. #227ced
  2. #ed2e22
  3. #e2ed22

مماثل

  1. #22e2ed
  2. #227ced
  3. #2e22ed

سہ رنگی

  1. #227ced
  2. #ed227c
  3. #7ced22

چہار رنگی

  1. #227ced
  2. #9322ed
  3. #ed9322
  4. #7ced22

مربع

  1. #227ced
  2. #ed22e2
  3. #ed9322
  4. #22ed2e

یک رنگی

  1. #09356d
  2. #0f58b4
  3. #227ced
  4. #69a6f3
  5. #afd0f9

شیڈز

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

  1. #227ced
  2. #1f70d5
  3. #1b63be
  4. #1857a6
  5. #144a8e
  6. #113e77
  7. #0e325f
  8. #0a2547
  9. #07192f
  10. #030c18
  11. #000000

ٹنٹس

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

  1. #227ced
  2. #3889ef
  3. #4e96f1
  4. #64a3f2
  5. #7ab0f4
  6. #91bef6
  7. #a7cbf8
  8. #bdd8fa
  9. #d3e5fb
  10. #e9f2fd
  11. #ffffff

ٹونز

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

  1. #227ced
  2. #2b7ce2
  3. #357dd7
  4. #3e7dcc
  5. #487ec1
  6. #517eb7
  7. #5a7eac
  8. #647fa1
  9. #6d7f96
  10. #77808b
  11. #808080

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

اکرومیٹوپسیا #7e7e7e تقریباً 0.003% مرد
اکرومیٹومیلی #667db5 تقریباً 0.001% مرد
پروٹانوپیا #3988f1 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0076eb تقریباً 1.27% مرد
ٹرائٹانوپیا #0097a9 تقریباً 0.0001% مرد
پروٹانومیلی #3183f0 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #0078ec تقریباً 4.63% مرد
ٹرائٹانومیلی #008dc8 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-227ced {
  color: #227ced;
}
پس منظر
.bg-227ced {
  background-color: #227ced;
  color: #000000;
}
بارڈر
.border-227ced {
  border: 2px solid #227ced;
}
CSS ویری ایبلز
:root {
  --color-primary: #227ced;
  --color-primary-rgb: 34 124 237;
  --color-primary-hsl: 213 85% 53%;
}
گریڈیئنٹ
.gradient-227ced {
  background: linear-gradient(135deg, #227ced, #2e22ed);
}
رنگین سایہ
.shadow-227ced {
  box-shadow: 0 8px 24px rgb(34 124 237 / 0.35);
}

#417dc1 Tufts Blue ΔE 4.04 #0070ff Brandeis Blue ΔE 4.70 #0073cf True Blue ΔE 5.35 #318ce7 Bleu de France ΔE 5.70 #4682b4 Steel Blue ΔE 5.94 #6082b6 Glaucous ΔE 6.97 #1e90ff Dodger Blue ΔE 7.05 #dd8312 الٹا رنگ #7e7e7e گرے اسکیل 

Tufts Blue
#227ced  rgb(34, 124, 237)  hsl(213, 85%, 53%)  Tufts Blue
#ed9322  rgb(237, 147, 34)  hsl(33, 85%, 53%)  Carrot Orange
#ed227c  rgb(237, 34, 124)  hsl(333, 85%, 53%)  Rose
#7ced22  rgb(124, 237, 34)  hsl(93, 85%, 53%)  Lawn Green