#DFF2F7

#dff2f7 ≈ Azure

  • সায়ান
  • উজ্জ্বলতা: খুব বেশি
  • স্যাচুরেশন: মৃদু
  • শীতল

#dff2f7 “সায়ান” পরিবারের একটি রং; এর উজ্জ্বলতা খুব বেশি এবং স্যাচুরেশন মৃদু। RGB মডেলে এটি 87.45% লাল, 94.9% সবুজ ও 96.86% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 9.72% সায়ান, 2.02% ম্যাজেন্টা, 0% হলুদ ও 3.14% কালো লাগে। HSL-এ এর হিউ কোণ 192.5°, স্যাচুরেশন 60% এবং উজ্জ্বলতা 92.16%। এটি একটি শীতল রং, যা প্রায়ই সতেজতা, প্রযুক্তি ও স্পষ্টতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি স্বাস্থ্য ও সুস্থতা, প্রযুক্তি পণ্য এবং নরম প্যাস্টেল প্যালেট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 18.18:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Azure (#f0ffff), ΔE 3.68।

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

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

পরিপূরক

  1. #dff2f7
  2. #f7e4df

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

  1. #dff2f7
  2. #f7dfe6
  3. #f7f0df

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

  1. #dff7f0
  2. #dff2f7
  3. #dfe6f7

শেড

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

  1. #dff2f7
  2. #c9dade
  3. #b2c2c6
  4. #9ca9ad
  5. #869194
  6. #70797c
  7. #596163
  8. #43494a
  9. #2d3031
  10. #161819
  11. #000000

টিন্ট

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

  1. #dff2f7
  2. #e2f3f8
  3. #e5f5f9
  4. #e9f6f9
  5. #ecf7fa
  6. #eff9fb
  7. #f2fafc
  8. #f5fbfd
  9. #f9fcfd
  10. #fcfefe
  11. #ffffff

টোন

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

  1. #dff2f7
  2. #d6e7eb
  3. #ccdbdf
  4. #c3d0d3
  5. #b9c4c7
  6. #b0b9bc
  7. #a6aeb0
  8. #9da2a4
  9. #939798
  10. #8a8b8c
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #efefef ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #e8f0f2 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #eef0f7 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #eaedf7 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #d9f4f3 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #e8f1f7 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #e6eff7 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #dbf3f5 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-dff2f7 {
  color: #dff2f7;
}
পটভূমি
.bg-dff2f7 {
  background-color: #dff2f7;
  color: #000000;
}
বর্ডার
.border-dff2f7 {
  border: 2px solid #dff2f7;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #dff2f7;
  --color-primary-rgb: 223 242 247;
  --color-primary-hsl: 193 60% 92%;
}
গ্রেডিয়েন্ট
.gradient-dff2f7 {
  background: linear-gradient(135deg, #dff2f7, #dfe6f7);
}
রঙিন ছায়া
.shadow-dff2f7 {
  box-shadow: 0 8px 24px rgb(223 242 247 / 0.35);
}

Azure
#dff2f7  rgb(223, 242, 247)  hsl(193, 60%, 92%)  Azure
#f7e4df  rgb(247, 228, 223)  hsl(13, 60%, 92%)  Misty Rose
#f7dff2  rgb(247, 223, 242)  hsl(313, 60%, 92%)  Pale Pink
#f2f7df  rgb(242, 247, 223)  hsl(73, 60%, 92%)  Beige