#ECC86F

#ecc86f ≈ Jasmine

  • হলুদ
  • উজ্জ্বলতা: বেশি
  • স্যাচুরেশন: মাঝারি
  • উষ্ণ

#ecc86f “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা বেশি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 92.55% লাল, 78.43% সবুজ ও 43.53% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 15.25% ম্যাজেন্টা, 52.97% হলুদ ও 7.45% কালো লাগে। HSL-এ এর হিউ কোণ 42.72°, স্যাচুরেশন 76.69% এবং উজ্জ্বলতা 68.04%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 13.06:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Jasmine (#f8de7e), ΔE 5.68।

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

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

পরিপূরক

  1. #ecc86f
  2. #6f93ec

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

  1. #ecc86f
  2. #6fd2ec
  3. #8a6fec

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

  1. #ec8a6f
  2. #ecc86f
  3. #d2ec6f

শেড

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

  1. #ecc86f
  2. #d4b464
  3. #bda059
  4. #a58c4e
  5. #8e7843
  6. #766438
  7. #5e502c
  8. #473c21
  9. #2f2816
  10. #18140b
  11. #000000

টিন্ট

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

  1. #ecc86f
  2. #eece7d
  3. #f0d38c
  4. #f2d99a
  5. #f4dea9
  6. #f6e4b7
  7. #f7e9c5
  8. #f9efd4
  9. #fbf4e2
  10. #fdfaf1
  11. #ffffff

টোন

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

  1. #ecc86f
  2. #e1c171
  3. #d6ba72
  4. #ccb274
  5. #c1ab76
  6. #b6a478
  7. #ab9d79
  8. #a0967b
  9. #968e7d
  10. #8b877e
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #cccccc ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #d9caae ≈ 0.001% পুরুষ
প্রোটানোপিয়া #dac667 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #e3d072 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #fdbbb3 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #e2c76a ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #e7cd71 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #f6c09c ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-ecc86f {
  color: #ecc86f;
}
পটভূমি
.bg-ecc86f {
  background-color: #ecc86f;
  color: #000000;
}
বর্ডার
.border-ecc86f {
  border: 2px solid #ecc86f;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #ecc86f;
  --color-primary-rgb: 236 200 111;
  --color-primary-hsl: 43 77% 68%;
}
গ্রেডিয়েন্ট
.gradient-ecc86f {
  background: linear-gradient(135deg, #ecc86f, #d2ec6f);
}
রঙিন ছায়া
.shadow-ecc86f {
  box-shadow: 0 8px 24px rgb(236 200 111 / 0.35);
}

Jasmine
#ecc86f  rgb(236, 200, 111)  hsl(43, 77%, 68%)  Jasmine
#6f93ec  rgb(111, 147, 236)  hsl(223, 77%, 68%)  Cornflower Blue
#6fecc8  rgb(111, 236, 200)  hsl(163, 77%, 68%)  Aquamarine
#c86fec  rgb(200, 111, 236)  hsl(283, 77%, 68%)  Heliotrope