ColorTool
লগ ইন
#F0D22C

#f0d22c ≈ Citrine

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

#f0d22c “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 94.12% লাল, 82.35% সবুজ ও 17.25% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 12.5% ম্যাজেন্টা, 81.67% হলুদ ও 5.88% কালো লাগে। HSL-এ এর হিউ কোণ 50.82°, স্যাচুরেশন 86.73% এবং উজ্জ্বলতা 55.69%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 13.96:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Citrine (#e4d00a), ΔE 2.83।

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

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

পরিপূরক

  1. #f0d22c
  2. #2c4af0

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

  1. #f0d22c
  2. #2cacf0
  3. #702cf0

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

  1. #f0702c
  2. #f0d22c
  3. #acf02c

ত্রয়ী

  1. #f0d22c
  2. #2cf0d2
  3. #d22cf0

চতুষ্ক

  1. #f0d22c
  2. #4af02c
  3. #2c4af0
  4. #d22cf0

বর্গ

  1. #f0d22c
  2. #2cf070
  3. #2c4af0
  4. #f02cac

একরঙা

  1. #7a6909
  2. #c2a60e
  3. #f0d22c
  4. #f5e173
  5. #faf0bb

শেড

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

  1. #f0d22c
  2. #d8bd28
  3. #c0a823
  4. #a8931f
  5. #907e1a
  6. #786916
  7. #605412
  8. #483f0d
  9. #302a09
  10. #181504
  11. #000000

টিন্ট

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

  1. #f0d22c
  2. #f2d741
  3. #f3db56
  4. #f5e06b
  5. #f6e480
  6. #f8e996
  7. #f9edab
  8. #fbf2c0
  9. #fcf6d5
  10. #fefbea
  11. #ffffff

টোন

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

  1. #f0d22c
  2. #e5ca34
  3. #dac23d
  4. #ceb945
  5. #c3b14e
  6. #b8a956
  7. #ada15e
  8. #a29967
  9. #96906f
  10. #8b8878
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #d3d3d3 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #dfd2a9 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #e8cd00 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #f0d73a ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ffc1b4 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #ebcf10 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #f0d535 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #fcc891 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

#e4d00a Citrine ΔE 2.83 #ffd700 Gold ΔE 3.25 #f4ca16 Jonquil ΔE 3.37 #ffe135 Banana Yellow ΔE 3.42 #ffd300 Cyber Yellow ΔE 3.71 #ffdf00 Golden Yellow ΔE 3.72 #ffdb58 Mustard ΔE 4.08 #0f2dd3 উল্টো রং #d3d3d3 গ্রেস্কেল 

Citrine
#f0d22c  rgb(240, 210, 44)  hsl(51, 87%, 56%)  Citrine
#2c4af0  rgb(44, 74, 240)  hsl(231, 87%, 56%)  Majorelle Blue
#2cf0d2  rgb(44, 240, 210)  hsl(171, 87%, 56%)  Turquoise
#d22cf0  rgb(210, 44, 240)  hsl(291, 87%, 56%)  Electric Purple