ColorTool
ログイン
#F1F1AB

#f1f1ab ≈ Pale Goldenrod

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

#f1f1abは黄系の色です（明度：高い、彩度：中程度）。 RGBでは赤94.51%、緑94.51%、青67.06%で構成され、CMYK印刷ではシアン0%、マゼンタ0%、イエロー29.05%、ブラック5.49%を使います。 HSLでは色相角60°、彩度71.43%、明度80.78%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、やわらかなパステル配色に使われます。 この色の上に黒の文字を置くとコントラスト比は17.91:1（WCAG AAA）です。 最も近い色名はPale Goldenrod（#eee8aa）で、ΔEは2.75です。

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

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

補色

  1. #f1f1ab
  2. #ababf1

分裂補色

  1. #f1f1ab
  2. #abcef1
  3. #ceabf1

類似色

  1. #f1ceab
  2. #f1f1ab
  3. #cef1ab

トライアド

  1. #f1f1ab
  2. #abf1f1
  3. #f1abf1

テトラード

  1. #f1f1ab
  2. #abf1ab
  3. #ababf1
  4. #f1abf1

スクエア

  1. #f1f1ab
  2. #abf1ce
  3. #ababf1
  4. #f1abce

モノクロマティック

  1. #dbdb28
  2. #e6e669
  3. #f1f1ab
  4. #fcfced
  5. #fcfcee

シェード

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

  1. #f1f1ab
  2. #d9d99a
  3. #c1c189
  4. #a9a978
  5. #919167
  6. #797956
  7. #606044
  8. #484833
  9. #303022
  10. #181811
  11. #000000

ティント

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

  1. #f1f1ab
  2. #f2f2b3
  3. #f4f4bc
  4. #f5f5c4
  5. #f7f7cd
  6. #f8f8d5
  7. #f9f9dd
  8. #fbfbe6
  9. #fcfcee
  10. #fefef7
  11. #ffffff

トーン

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

  1. #f1f1ab
  2. #e6e6a7
  3. #dadaa2
  4. #cfcf9e
  5. #c4c49a
  6. #b9b996
  7. #adad91
  8. #a2a28d
  9. #979789
  10. #8b8b84
  11. #808080

読みやすい文字 1.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 17.91:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #ededed 男性の約0.003%
不完全1色覚 #efefd6 男性の約0.001%
1型2色覚（P型） #fceba6 男性の約1.01%
2型2色覚（D型） #feeeae 男性の約1.27%
3型2色覚（T型） #fbe8df 男性の約0.0001%
1型3色覚（P型弱） #f8eea8 男性の約1.08%
2型3色覚（D型弱） #f9efad 男性の約4.63%
3型3色覚（T型弱） #f7eccc 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-f1f1ab {
  color: #f1f1ab;
}
背景色
.bg-f1f1ab {
  background-color: #f1f1ab;
  color: #000000;
}
枠線
.border-f1f1ab {
  border: 2px solid #f1f1ab;
}
CSS変数
:root {
  --color-primary: #f1f1ab;
  --color-primary-rgb: 241 241 171;
  --color-primary-hsl: 60 71% 81%;
}
グラデーション
.gradient-f1f1ab {
  background: linear-gradient(135deg, #f1f1ab, #cef1ab);
}
色付きの影
.shadow-f1f1ab {
  box-shadow: 0 8px 24px rgb(241 241 171 / 0.35);
}

#eee8aa Pale Goldenrod ΔE 2.75 #f0e68c Khaki ΔE 5.09 #f3e5ab Vanilla ΔE 5.14 #faf0be Blond ΔE 5.22 #fdfd96 Pastel Yellow ΔE 5.78 #fffacd Lemon Chiffon ΔE 6.15 #fffdd0 Cream ΔE 6.22 #0e0e54 反転色 #ededed グレースケール 

Pale Goldenrod
#f1f1ab  rgb(241, 241, 171)  hsl(60, 71%, 81%)  Pale Goldenrod
#ababf1  rgb(171, 171, 241)  hsl(240, 71%, 81%)  Wild Blue Yonder
#abf1f1  rgb(171, 241, 241)  hsl(180, 71%, 81%)  Pale Turquoise
#f1abf1  rgb(241, 171, 241)  hsl(300, 71%, 81%)  Plum