ColorTool
لاگ اِن
#7BD4FA

#7bd4fa ≈ Baby Blue

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

⁦#7bd4fa⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 48.24% سرخ، 83.14% سبز اور 98.04% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 50.8% سیان، 15.2% میجنٹا، 0% پیلا اور 1.96% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 197.95°، سیچوریشن 92.7% اور روشنی 73.14% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.64:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Baby Blue (⁦#89cff0⁩) ہے، ΔE 2.31۔

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

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

تکمیلی

  1. #7bd4fa
  2. #faa17b

منقسم تکمیلی

  1. #7bd4fa
  2. #fa7b95
  3. #fae07b

مماثل

  1. #7bfae0
  2. #7bd4fa
  3. #7b95fa

سہ رنگی

  1. #7bd4fa
  2. #fa7bd4
  3. #d4fa7b

چہار رنگی

  1. #7bd4fa
  2. #a17bfa
  3. #faa17b
  4. #d4fa7b

مربع

  1. #7bd4fa
  2. #e07bfa
  3. #faa17b
  4. #95fa7b

یک رنگی

  1. #0897d4
  2. #31bcf7
  3. #7bd4fa
  4. #c5ecfd
  5. #ebf9fe

شیڈز

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

  1. #7bd4fa
  2. #6fbfe1
  3. #62aac8
  4. #5694af
  5. #4a7f96
  6. #3e6a7d
  7. #315564
  8. #25404b
  9. #192a32
  10. #0c1519
  11. #000000

ٹنٹس

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

  1. #7bd4fa
  2. #88d8fb
  3. #95ddfb
  4. #a3e1fc
  5. #b0e5fc
  6. #bdeafd
  7. #caeefd
  8. #d7f2fe
  9. #e5f6fe
  10. #f2fbff
  11. #ffffff

ٹونز

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

  1. #7bd4fa
  2. #7cccee
  3. #7cc3e2
  4. #7dbbd5
  5. #7db2c9
  6. #7eaabd
  7. #7ea2b1
  8. #7f99a5
  9. #7f9198
  10. #80888c
  11. #808080

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

اکرومیٹوپسیا #c9c9c9 تقریباً 0.003% مرد
اکرومیٹومیلی #afcdde تقریباً 0.001% مرد
پروٹانوپیا #c0d1fc تقریباً 1.01% مرد
ڈیوٹیرانوپیا #aec3fa تقریباً 1.27% مرد
ٹرائٹانوپیا #2edfe0 تقریباً 0.0001% مرد
پروٹانومیلی #a9d2fb تقریباً 1.08% مرد
ڈیوٹیرانومیلی #9ccafa تقریباً 4.63% مرد
ٹرائٹانومیلی #57dbeb تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-7bd4fa {
  color: #7bd4fa;
}
پس منظر
.bg-7bd4fa {
  background-color: #7bd4fa;
  color: #000000;
}
بارڈر
.border-7bd4fa {
  border: 2px solid #7bd4fa;
}
CSS ویری ایبلز
:root {
  --color-primary: #7bd4fa;
  --color-primary-rgb: 123 212 250;
  --color-primary-hsl: 198 93% 73%;
}
گریڈیئنٹ
.gradient-7bd4fa {
  background: linear-gradient(135deg, #7bd4fa, #7b95fa);
}
رنگین سایہ
.shadow-7bd4fa {
  box-shadow: 0 8px 24px rgb(123 212 250 / 0.35);
}

#89cff0 Baby Blue ΔE 2.31 #87ceeb Sky Blue ΔE 2.79 #87cefa Light Sky Blue ΔE 3.82 #73c2fb Maya Blue ΔE 7.13 #a4dded Non-Photo Blue ΔE 7.14 #00bfff Deep Sky Blue ΔE 8.21 #add8e6 Light Blue ΔE 8.32 #842b05 الٹا رنگ #c9c9c9 گرے اسکیل 

Baby Blue
#7bd4fa  rgb(123, 212, 250)  hsl(198, 93%, 73%)  Baby Blue
#faa17b  rgb(250, 161, 123)  hsl(18, 93%, 73%)  Light Salmon
#fa7bd4  rgb(250, 123, 212)  hsl(318, 93%, 73%)  Rose Pink
#d4fa7b  rgb(212, 250, 123)  hsl(78, 93%, 73%)  Inchworm