ColorTool
لاگ اِن
#336C8E

#336c8e ≈ Sea Blue

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

⁦#336c8e⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی کم اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 20% سرخ، 42.35% سبز اور 55.69% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 64.08% سیان، 23.94% میجنٹا، 0% پیلا اور 44.31% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 202.42°، سیچوریشن 47.15% اور روشنی 37.84% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.71:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Sea Blue (⁦#006994⁩) ہے، ΔE 3.18۔

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

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

تکمیلی

  1. #336c8e
  2. #8e5533

منقسم تکمیلی

  1. #336c8e
  2. #8e333e
  3. #8e8233

مماثل

  1. #338e82
  2. #336c8e
  3. #333e8e

سہ رنگی

  1. #336c8e
  2. #8e336c
  3. #6c8e33

چہار رنگی

  1. #336c8e
  2. #55338e
  3. #8e5533
  4. #6c8e33

مربع

  1. #336c8e
  2. #82338e
  3. #8e5533
  4. #3e8e33

یک رنگی

  1. #0b161d
  2. #1f4156
  3. #336c8e
  4. #4e95bf
  5. #86b7d4

شیڈز

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

  1. #336c8e
  2. #2e6180
  3. #295672
  4. #244c63
  5. #1f4155
  6. #1a3647
  7. #142b39
  8. #0f202b
  9. #0a161c
  10. #050b0e
  11. #000000

ٹنٹس

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

  1. #336c8e
  2. #477b99
  3. #5c89a5
  4. #7098b0
  5. #85a7bb
  6. #99b6c7
  7. #adc4d2
  8. #c2d3dd
  9. #d6e2e8
  10. #ebf0f4
  11. #ffffff

ٹونز

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

  1. #336c8e
  2. #3b6e8d
  3. #42708b
  4. #4a728a
  5. #527488
  6. #5a7687
  7. #617886
  8. #697a84
  9. #717c83
  10. #787e81
  11. #808080

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

اکرومیٹوپسیا #666666 تقریباً 0.003% مرد
اکرومیٹومیلی #566978 تقریباً 0.001% مرد
پروٹانوپیا #5c6c90 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #50628d تقریباً 1.27% مرد
ٹرائٹانوپیا #007577 تقریباً 0.0001% مرد
پروٹانومیلی #4f6c8f تقریباً 1.08% مرد
ڈیوٹیرانومیلی #46668e تقریباً 4.63% مرد
ٹرائٹانومیلی #077181 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-336c8e {
  color: #336c8e;
}
پس منظر
.bg-336c8e {
  background-color: #336c8e;
  color: #ffffff;
}
بارڈر
.border-336c8e {
  border: 2px solid #336c8e;
}
CSS ویری ایبلز
:root {
  --color-primary: #336c8e;
  --color-primary-rgb: 51 108 142;
  --color-primary-hsl: 202 47% 38%;
}
گریڈیئنٹ
.gradient-336c8e {
  background: linear-gradient(135deg, #336c8e, #333e8e);
}
رنگین سایہ
.shadow-336c8e {
  box-shadow: 0 8px 24px rgb(51 108 142 / 0.35);
}

#006994 Sea Blue ΔE 3.18 #436b95 Queen Blue ΔE 5.00 #0067a5 Medium Persian Blue ΔE 5.36 #007ba7 Cerulean ΔE 6.29 #26619c Lapis Lazuli ΔE 6.56 #0072bb French Blue ΔE 6.77 #367588 Teal Blue ΔE 7.26 #cc9371 الٹا رنگ #666666 گرے اسکیل 

Sea Blue
#336c8e  rgb(51, 108, 142)  hsl(202, 47%, 38%)  Sea Blue
#8e5533  rgb(142, 85, 51)  hsl(22, 47%, 38%)  Sienna
#8e336c  rgb(142, 51, 108)  hsl(322, 47%, 38%)  Boysenberry
#6c8e33  rgb(108, 142, 51)  hsl(82, 47%, 38%)  Olive Drab