ColorTool
لاگ اِن
#336AA2

#336aa2 ≈ Queen Blue

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

⁦#336aa2⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 20% سرخ، 41.57% سبز اور 63.53% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 68.52% سیان، 34.57% میجنٹا، 0% پیلا اور 36.47% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 210.27°، سیچوریشن 52.11% اور روشنی 41.76% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.64:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Queen Blue (⁦#436b95⁩) ہے، ΔE 2.5۔

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

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

تکمیلی

  1. #336aa2
  2. #a26b33

منقسم تکمیلی

  1. #336aa2
  2. #a23333
  3. #a1a233

مماثل

  1. #33a1a2
  2. #336aa2
  3. #3333a2

سہ رنگی

  1. #336aa2
  2. #a2336a
  3. #6aa233

چہار رنگی

  1. #336aa2
  2. #6b33a2
  3. #a26b33
  4. #6aa233

مربع

  1. #336aa2
  2. #a233a1
  3. #a26b33
  4. #33a233

یک رنگی

  1. #0e1e2e
  2. #214468
  3. #336aa2
  4. #5790ca
  5. #91b7dd

شیڈز

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

  1. #336aa2
  2. #2e5f92
  3. #295582
  4. #244a71
  5. #1f4061
  6. #1a3551
  7. #142a41
  8. #0f2031
  9. #0a1520
  10. #050b10
  11. #000000

ٹنٹس

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

  1. #336aa2
  2. #4779ab
  3. #5c88b5
  4. #7097be
  5. #85a6c7
  6. #99b5d1
  7. #adc3da
  8. #c2d2e3
  9. #d6e1ec
  10. #ebf0f6
  11. #ffffff

ٹونز

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

  1. #336aa2
  2. #3b6c9f
  3. #426e9b
  4. #4a7198
  5. #527394
  6. #5a7591
  7. #61778e
  8. #69798a
  9. #717c87
  10. #787e83
  11. #808080

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

اکرومیٹوپسیا #676767 تقریباً 0.003% مرد
اکرومیٹومیلی #576883 تقریباً 0.001% مرد
پروٹانوپیا #516da4 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #4262a1 تقریباً 1.27% مرد
ٹرائٹانوپیا #00777e تقریباً 0.0001% مرد
پروٹانومیلی #476ca3 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #3c66a1 تقریباً 4.63% مرد
ٹرائٹانومیلی #00728e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#436b95 Queen Blue ΔE 2.50 #26619c Lapis Lazuli ΔE 3.21 #0067a5 Medium Persian Blue ΔE 3.30 #0072bb French Blue ΔE 4.47 #1560bd Denim ΔE 4.49 #0073cf True Blue ΔE 5.50 #006994 Sea Blue ΔE 6.49 #cc955d الٹا رنگ #676767 گرے اسکیل 

Queen Blue
#336aa2  rgb(51, 106, 162)  hsl(210, 52%, 42%)  Queen Blue
#a26b33  rgb(162, 107, 51)  hsl(30, 52%, 42%)  Golden Brown
#a2336a  rgb(162, 51, 106)  hsl(330, 52%, 42%)  Jazzberry Jam
#6aa233  rgb(106, 162, 51)  hsl(90, 52%, 42%)  Olive Drab