カラーピッカーへ移動

カラーコード #d58a67:やわらかな 明るいオレンジ

#d58a67 はRGBで rgb(213, 138, 103)、OKLCHで oklch(70.249% 0.10419 45.607) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

19°
100%

70.2%
0.104
46°
  • オレンジ
  • 明るい
  • ソフト
  • 暖色系
  • ≈ キャメル
  • amber-600
  • 黒 16%

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

白い文字
2.74:1読みにくい
Lc -58
黒い文字
7.66:1読みやすい · AA
Lc 51

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#d58a67 について

#d58a67 はやわらかな 明るいオレンジです。OKLCHでは明度 70.2%、クロマ 0.104、色相 46° です。

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

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

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

ほかのオレンジ系の色(明るい)

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

  1. d58a67
  2. da9676
  3. dfa185
  4. e4ad94
  5. e8b9a3
  6. ecc4b2
  7. f0d0c1
  8. f4dcd1
  9. f8e7e0
  10. fcf3ef

暗く:#d58a67 に黒を混ぜる

  1. d58a67
  2. b97759
  3. 9e654b
  4. 83533d
  5. 6a4230
  6. 513223
  7. 3a2217
  8. 24140c
  9. 100704
  10. 020100

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

  1. d58a67
  2. d08d6d
  3. cb8f73
  4. c69179
  5. c1947f
  6. bc9684
  7. b6988a
  8. b19a8f
  9. ab9b95
  10. a59d9a

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

#d58a67 は何色ですか?

#d58a67 はやわらかな 明るいオレンジです。最も近い名前のある色はやわらかな 明るいオレンジです。RGBでは rgb(213, 138, 103)、HSLでは hsl(19.09, 56.7%, 61.96%)、OKLCHでは oklch(70.249% 0.10419 45.607) です。

#d58a67 に合う色は?

#d58a67 の補色は #4bacd0 です。落ち着いた組み合わせにするなら、類似色の #d88489 と #c59650 を使いましょう。トライアドの組み合わせは #57b490 と #9996dd です。

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

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

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

#d58a67 は暖色系の色です。OKLCHでは色相 46度、明度 70.2%、クロマ 0.104 です。