ColorTool
لاگ اِن
#336A8A

#336a8a ≈ Sea Blue

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

⁦#336a8a⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی کم اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 20% سرخ، 41.57% سبز اور 54.12% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 63.04% سیان، 23.19% میجنٹا، 0% پیلا اور 45.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 202.07°، سیچوریشن 46.03% اور روشنی 37.06% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.88:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Sea Blue (⁦#006994⁩) ہے، ΔE 3.27۔

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

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

تکمیلی

  1. #336a8a
  2. #8a5333

منقسم تکمیلی

  1. #336a8a
  2. #8a333f
  3. #8a7f33

مماثل

  1. #338a7f
  2. #336a8a
  3. #333f8a

سہ رنگی

  1. #336a8a
  2. #8a336a
  3. #6a8a33

چہار رنگی

  1. #336a8a
  2. #53338a
  3. #8a5333
  4. #6a8a33

مربع

  1. #336a8a
  2. #7f338a
  3. #8a5333
  4. #3f8a33

یک رنگی

  1. #0a141a
  2. #1e3f52
  3. #336a8a
  4. #4c94bd
  5. #84b5d2

شیڈز

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

  1. #336a8a
  2. #2e5f7c
  3. #29556e
  4. #244a61
  5. #1f4053
  6. #1a3545
  7. #142a37
  8. #0f2029
  9. #0a151c
  10. #050b0e
  11. #000000

ٹنٹس

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

  1. #336a8a
  2. #477996
  3. #5c88a1
  4. #7097ad
  5. #85a6b9
  6. #99b5c5
  7. #adc3d0
  8. #c2d2dc
  9. #d6e1e8
  10. #ebf0f3
  11. #ffffff

ٹونز

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

  1. #336a8a
  2. #3b6c89
  3. #426e88
  4. #4a7187
  5. #527386
  6. #5a7585
  7. #617784
  8. #697983
  9. #717c82
  10. #787e81
  11. #808080

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

اکرومیٹوپسیا #646464 تقریباً 0.003% مرد
اکرومیٹومیلی #556775 تقریباً 0.001% مرد
پروٹانوپیا #5b698c تقریباً 1.01% مرد
ڈیوٹیرانوپیا #4f6089 تقریباً 1.27% مرد
ٹرائٹانوپیا #007275 تقریباً 0.0001% مرد
پروٹانومیلی #4e6a8b تقریباً 1.08% مرد
ڈیوٹیرانومیلی #45648a تقریباً 4.63% مرد
ٹرائٹانومیلی #0e6f7e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#006994 Sea Blue ΔE 3.27 #436b95 Queen Blue ΔE 5.38 #0067a5 Medium Persian Blue ΔE 5.72 #26619c Lapis Lazuli ΔE 6.63 #007ba7 Cerulean ΔE 7.00 #367588 Teal Blue ΔE 7.16 #0072bb French Blue ΔE 7.55 #cc9575 الٹا رنگ #646464 گرے اسکیل 

Sea Blue
#336a8a  rgb(51, 106, 138)  hsl(202, 46%, 37%)  Sea Blue
#8a5333  rgb(138, 83, 51)  hsl(22, 46%, 37%)  Russet
#8a336a  rgb(138, 51, 106)  hsl(322, 46%, 37%)  Boysenberry
#6a8a33  rgb(106, 138, 51)  hsl(82, 46%, 37%)  Olive Drab