ColorTool
লগ ইন
#F2D557

#f2d557 ≈ Naples Yellow

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

#f2d557 “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা বেশি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 94.9% লাল, 83.53% সবুজ ও 34.12% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 11.98% ম্যাজেন্টা, 64.05% হলুদ ও 5.1% কালো লাগে। HSL-এ এর হিউ কোণ 48.77°, স্যাচুরেশন 85.64% এবং উজ্জ্বলতা 64.51%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 14.43:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Naples Yellow (#fada5e), ΔE 1.51।

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

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

পরিপূরক

  1. #f2d557
  2. #5774f2

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

  1. #f2d557
  2. #57c2f2
  3. #8757f2

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

  1. #f28757
  2. #f2d557
  3. #c2f257

ত্রয়ী

  1. #f2d557
  2. #57f2d5
  3. #d557f2

চতুষ্ক

  1. #f2d557
  2. #74f257
  3. #5774f2
  4. #d557f2

বর্গ

  1. #f2d557
  2. #57f287
  3. #5774f2
  4. #f257c2

একরঙা

  1. #a3870d
  2. #eac212
  3. #f2d557
  4. #f7e79e
  5. #fdf9e5

শেড

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

  1. #f2d557
  2. #dac04e
  3. #c2aa46
  4. #a9953d
  5. #918034
  6. #796b2c
  7. #615523
  8. #49401a
  9. #302b11
  10. #181509
  11. #000000

টিন্ট

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

  1. #f2d557
  2. #f3d968
  3. #f5dd79
  4. #f6e289
  5. #f7e69a
  6. #f9eaab
  7. #faeebc
  8. #fbf2cd
  9. #fcf7dd
  10. #fefbee
  11. #ffffff

টোন

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

  1. #f2d557
  2. #e7cd5b
  3. #dbc45f
  4. #d0bc63
  5. #c4b367
  6. #b9ab6c
  7. #aea270
  8. #a29a74
  9. #979178
  10. #8b897c
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #d6d6d6 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #e2d6b1 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #e9d148 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #f1da5d ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ffc6ba ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #edd24e ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #f1d85b ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #fdcc9c ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

#fada5e Naples Yellow ΔE 1.51 #ffdb58 Mustard ΔE 2.42 #f8de7e Jasmine ΔE 4.42 #ffe135 Banana Yellow ΔE 4.69 #f4ca16 Jonquil ΔE 5.23 #e4d00a Citrine ΔE 5.32 #e4d96f Straw ΔE 5.35 #0d2aa8 উল্টো রং #d6d6d6 গ্রেস্কেল 

Naples Yellow
#f2d557  rgb(242, 213, 87)  hsl(49, 86%, 65%)  Naples Yellow
#5774f2  rgb(87, 116, 242)  hsl(229, 86%, 65%)  Ultramarine Blue
#57f2d5  rgb(87, 242, 213)  hsl(169, 86%, 65%)  Aquamarine
#d557f2  rgb(213, 87, 242)  hsl(289, 86%, 65%)  Heliotrope