ColorTool
লগ ইন
#22A5CC

#22a5cc ≈ Bondi Blue

  • সায়ান
  • উজ্জ্বলতা: মাঝারি
  • স্যাচুরেশন: তীব্র
  • শীতল
কনট্রাস্ট পরীক্ষা করুন গ্রাফে দেখুন এলোমেলো রং

#22a5cc “সায়ান” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 13.33% লাল, 64.71% সবুজ ও 80% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 83.33% সায়ান, 19.12% ম্যাজেন্টা, 0% হলুদ ও 20% কালো লাগে। HSL-এ এর হিউ কোণ 193.76°, স্যাচুরেশন 71.43% এবং উজ্জ্বলতা 46.67%। এটি একটি শীতল রং, যা প্রায়ই সতেজতা, প্রযুক্তি ও স্পষ্টতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি স্বাস্থ্য ও সুস্থতা, প্রযুক্তি পণ্য এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 7.32:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Bondi Blue (#0095b6), ΔE 5.55।

এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।

HEX
RGB
RGB শতাংশ
CMY
CMYK
HSL
HSV / HSB
ওয়েব-সেফ#3399cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
বাইনারি
দশমিক
আপেক্ষিক লুমিন্যান্স0.3161

পরিপূরক

  1. #22a5cc
  2. #cc4922

বিভক্ত পরিপূরক

  1. #22a5cc
  2. #cc2250
  3. #cc9e22

সাদৃশ্যপূর্ণ

  1. #22cc9e
  2. #22a5cc
  3. #2250cc

ত্রয়ী

  1. #22a5cc
  2. #cc22a5
  3. #a5cc22

চতুষ্ক

  1. #22a5cc
  2. #4922cc
  3. #cc4922
  4. #a5cc22

বর্গ

  1. #22a5cc
  2. #9e22cc
  3. #cc4922
  4. #50cc22

একরঙা

  1. #0c3b49
  2. #17708a
  3. #22a5cc
  4. #57c3e3
  5. #99dbee

শেড

#22a5cc ধাপে ধাপে কালোর সঙ্গে মেশানো।

  1. #22a5cc
  2. #1f95b8
  3. #1b84a3
  4. #18748f
  5. #14637a
  6. #115366
  7. #0e4252
  8. #0a323d
  9. #072129
  10. #031114
  11. #000000

টিন্ট

#22a5cc ধাপে ধাপে সাদার সঙ্গে মেশানো।

  1. #22a5cc
  2. #38aed1
  3. #4eb7d6
  4. #64c0db
  5. #7ac9e0
  6. #91d2e6
  7. #a7dbeb
  8. #bde4f0
  9. #d3edf5
  10. #e9f6fa
  11. #ffffff

টোন

#22a5cc ধাপে ধাপে ধূসরের সঙ্গে মেশানো।

  1. #22a5cc
  2. #2ba1c4
  3. #359ebd
  4. #3e9ab5
  5. #4896ae
  6. #5193a6
  7. #5a8f9e
  8. #648b97
  9. #6d878f
  10. #778488
  11. #808080

পড়ার উপযোগী লেখা 2.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
পড়ার উপযোগী লেখা 7.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

অ্যাক্রোমাটোপসিয়া #989898 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #7a9eaf ≈ 0.001% পুরুষ
প্রোটানোপিয়া #8fa1ce ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #7992cc ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #00b1b2 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #73a3cd ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #629acc ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #00acbd ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-22a5cc {
  color: #22a5cc;
}
পটভূমি
.bg-22a5cc {
  background-color: #22a5cc;
  color: #000000;
}
বর্ডার
.border-22a5cc {
  border: 2px solid #22a5cc;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #22a5cc;
  --color-primary-rgb: 34 165 204;
  --color-primary-hsl: 194 71% 47%;
}
গ্রেডিয়েন্ট
.gradient-22a5cc {
  background: linear-gradient(135deg, #22a5cc, #2250cc);
}
রঙিন ছায়া
.shadow-22a5cc {
  box-shadow: 0 8px 24px rgb(34 165 204 / 0.35);
}

#0095b6 Bondi Blue ΔE 5.55 #73a9c2 Moonstone Blue ΔE 7.01 #56a0d3 Carolina Blue ΔE 7.45 #00bfff Deep Sky Blue ΔE 9.18 #71a6d2 Iceberg ΔE 9.33 #5d8aa8 Air Force Blue ΔE 10.79 #73c2fb Maya Blue ΔE 12.23 #dd5a33 উল্টো রং #989898 গ্রেস্কেল 

Bondi Blue
#22a5cc  rgb(34, 165, 204)  hsl(194, 71%, 47%)  Bondi Blue
#cc4922  rgb(204, 73, 34)  hsl(14, 71%, 47%)  Sinopia
#cc22a5  rgb(204, 34, 165)  hsl(314, 71%, 47%)  Medium Violet Red
#a5cc22  rgb(165, 204, 34)  hsl(74, 71%, 47%)  Yellow Green