ColorTool
ログイン
#FFFC7E

#fffc7e ≈ Laser Lemon

  • 黄
  • 明度: 高い
  • 彩度: 高め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#fffc7eは黄系の色です（明度：高い、彩度：高め）。 RGBでは赤100%、緑98.82%、青49.41%で構成され、CMYK印刷ではシアン0%、マゼンタ1.18%、イエロー50.59%、ブラック0%を使います。 HSLでは色相角58.6°、彩度100%、明度74.71%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は19.48:1（WCAG AAA）です。 最も近い色名はLaser Lemon（#ffff66）で、ΔEは2.84です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#ffff66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.9239

補色

  1. #fffc7e
  2. #7e81ff

分裂補色

  1. #fffc7e
  2. #7ec2ff
  3. #bc7eff

類似色

  1. #ffbc7e
  2. #fffc7e
  3. #c2ff7e

トライアド

  1. #fffc7e
  2. #7efffc
  3. #fc7eff

テトラード

  1. #fffc7e
  2. #81ff7e
  3. #7e81ff
  4. #fc7eff

スクエア

  1. #fffc7e
  2. #7effbc
  3. #7e81ff
  4. #ff7ec2

モノクロマティック

  1. #e4df00
  2. #fffa32
  3. #fffc7e
  4. #fffecb
  5. #ffffeb

シェード

#fffc7eに黒を段階的に混ぜた色です。

  1. #fffc7e
  2. #e6e371
  3. #ccca65
  4. #b3b058
  5. #99974c
  6. #807e3f
  7. #666532
  8. #4d4c26
  9. #333219
  10. #1a190d
  11. #000000

ティント

#fffc7eに白を段階的に混ぜた色です。

  1. #fffc7e
  2. #fffc8b
  3. #fffd98
  4. #fffda5
  5. #fffdb2
  6. #fffebf
  7. #fffecb
  8. #fffed8
  9. #fffee5
  10. #fffff2
  11. #ffffff

トーン

#fffc7eにグレーを段階的に混ぜた色です。

  1. #fffc7e
  2. #f2f07e
  3. #e6e37e
  4. #d9d77f
  5. #ccca7f
  6. #c0be7f
  7. #b3b27f
  8. #a6a57f
  9. #999980
  10. #8d8c80
  11. #808080

読みやすい文字 1.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 19.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #f6f6f6 男性の約0.003%
不完全1色覚 #faf9d1 男性の約0.001%
1型2色覚（P型） #fff472 男性の約1.01%
2型2色覚（D型） #fff984 男性の約1.27%
3型2色覚（T型） #ffeedf 男性の約0.0001%
1型3色覚（P型弱） #fff777 男性の約1.08%
2型3色覚（D型弱） #fffa82 男性の約4.63%
3型3色覚（T型弱） #fff4c0 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-fffc7e {
  color: #fffc7e;
}
背景色
.bg-fffc7e {
  background-color: #fffc7e;
  color: #000000;
}
枠線
.border-fffc7e {
  border: 2px solid #fffc7e;
}
CSS変数
:root {
  --color-primary: #fffc7e;
  --color-primary-rgb: 255 252 126;
  --color-primary-hsl: 59 100% 75%;
}
グラデーション
.gradient-fffc7e {
  background: linear-gradient(135deg, #fffc7e, #c2ff7e);
}
色付きの影
.shadow-fffc7e {
  box-shadow: 0 8px 24px rgb(255 252 126 / 0.35);
}

#ffff66 Laser Lemon ΔE 2.84 #fcf75e Icterine ΔE 3.18 #fdfd96 Pastel Yellow ΔE 3.22 #f0e68c Khaki ΔE 6.40 #ffff31 Daffodil ΔE 6.49 #e4d96f Straw ΔE 7.68 #ffff00 Yellow ΔE 7.73 #000381 反転色 #f6f6f6 グレースケール 

Laser Lemon
#fffc7e  rgb(255, 252, 126)  hsl(59, 100%, 75%)  Laser Lemon
#7e81ff  rgb(126, 129, 255)  hsl(239, 100%, 75%)  Medium Slate Blue
#7efffc  rgb(126, 255, 252)  hsl(179, 100%, 75%)  Electric Blue
#fc7eff  rgb(252, 126, 255)  hsl(299, 100%, 75%)  Fuchsia Pink