カラーピッカーへ移動

カラーコード #d1981e:鮮やかな 明るいアンバー

#d1981e はRGBで rgb(209, 152, 30)、OKLCHで oklch(71.632% 0.14099 80.1) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

41°
100%

71.6%
0.141
80°
  • アンバー
  • 明るい
  • 鮮やか
  • 暖色系
  • ≈ キャメル
  • yellow-600
  • 黒 18%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
2.55:1読みにくい
Lc -55
黒い文字
8.22:1読みやすい · AA
Lc 54

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

カラーハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#d1981e について

#d1981e は鮮やかな 明るいアンバーです。OKLCHでは明度 71.6%、クロマ 0.141、色相 80° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 2.55:1、黒い文字が 8.22:1 なので、黒の文字のほうが読みやすくなります。

最も近い名前のある色はキャメル(#c19a6b)です。Tailwind CSSで最も近い色は yellow-600 です。

ほかのアンバー系の色(明るい)

明るく:#d1981e に白を混ぜる

  1. d1981e
  2. d6a342
  3. dbad5c
  4. e0b773
  5. e4c288
  6. e9cc9c
  7. edd6b0
  8. f2e0c4
  9. f6ebd8
  10. fbf5eb

暗く:#d1981e に黒を混ぜる

  1. d1981e
  2. b58419
  3. 9b7013
  4. 815c0e
  5. 684a09
  6. 503805
  7. 392703
  8. 231701
  9. 100800
  10. 020100

落ち着かせる:#d1981e の彩度を下げる

  1. d1981e
  2. cd9a38
  3. c89b49
  4. c49d58
  5. bf9e65
  6. bb9f71
  7. b6a07c
  8. b2a186
  9. ada290
  10. a8a39a

#d1981e についてのよくある質問

#d1981e は何色ですか?

#d1981e は鮮やかな 明るいアンバーです。最も近い名前のある色は鮮やかな 明るいアンバーです。RGBでは rgb(209, 152, 30)、HSLでは hsl(40.89, 74.9%, 46.86%)、OKLCHでは oklch(71.632% 0.14099 80.1) です。

#d1981e に合う色は?

#d1981e の補色は #6ea3fb です。落ち着いた組み合わせにするなら、類似色の #e8864b と #a9aa2e を使いましょう。トライアドの組み合わせは #00bdc6 と #ca85da です。

#d1981e の上では白と黒のどちらの文字が読みやすいですか?

#d1981e の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.55:1、黒は 8.22:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#d1981e は暖色と寒色のどちらですか?

#d1981e は暖色系の色です。OKLCHでは色相 80度、明度 71.6%、クロマ 0.141 です。