カラーパレット

ボーンホワイト

乾いた骨のような、灰みがかった温かい白です。控えめでナチュラルな色です。壁やカーテン、家具の定番のニュートラルカラーです。

別名:ボーン, 骨色

ボーンホワイト · #E3DAC9

ボーンホワイトの基本情報

ボーンホワイト(#E3DAC9)は、暖色系・明るめ・中くらいの彩度の色です。白系の色のグループに属します。RGBの値は赤227・緑218・青201(各255段階)。主な用途:インテリア, ファッション, 建築。

ボーンホワイトの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

ボーンホワイトに合う色

黒白と合わせるよりきつくない、上品なコントラストです。コーヒーブラウン温かくナチュラルな配色です。オリーブグリーンリラックスしたナチュラルなスタイルに。ネイビー上品でクラシックな組み合わせです。テラコッタ地中海風の温かみを加えます。グレーニュートラルでモダンな組み合わせです。キャメルやわらかく上品なワントーンコーデに。ゴールドさりげない高級感を添えます。
ボーンホワイトのファッション・インテリアでの合わせ方 →

ボーンホワイトの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:パステルブルー
トライアド近い色:プラチナ, パステルライラック
スプリット・コンプリメンタリー近い色:ライトグレー, パステルライラック

ボーンホワイトを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · ボーンホワイト
類似色パレット · ボーンホワイト
補色パレット · ボーンホワイト
トライアドパレット · ボーンホワイト
ニュートラルカラー入りパレット · ボーンホワイト
アクセントカラー入りパレット · ボーンホワイト

ボーンホワイトと文字色のコントラスト

白い文字コントラスト比 1.4:1 · 非推奨
黒い文字コントラスト比 15.1:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --bone: #E3DAC9;
  --bone-rgb: 227, 218, 201;
}
.bg { background-color: var(--bone); }
.text { color: var(--bone); }

ボーンホワイトに近い色

パールホワイト生成り色エッグシェルアラバスターアンティークホワイトシャンパンリネンプラチナパールグレーライトグレー

この色を使ったテーマ別パレット

その他の白系の色

白アイボリークリーム色オフホワイトスノーホワイトパールホワイトアラバスターリネンホワイトスモークバニラエッグシェルアンティークホワイト生成り色

よくある質問

ボーンホワイトのカラーコードは?

ボーンホワイトのHEXコードは#E3DAC9です。RGBではrgb(227, 218, 201)、HSLではhsl(39, 32%, 84%)、CMYKでは0, 4, 11, 11となります。

ボーンホワイトの補色は何色ですか?

色相環で反対側にある補色は#C9D2E3で、パステルブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

ボーンホワイトの上に白い文字を置いても読みやすいですか?

黒い文字のほうがおすすめです。白とのコントラスト比は1.4:1しかありませんが、黒とは15.1:1になります。

ボーンホワイトに合う色は?

相性のよい色:黒, コーヒーブラウン, オリーブグリーン, ネイビー, テラコッタ。真っ白と合わせると、ボーンホワイトが汚れて見えるので避けましょう。淡い黄色とは溶け合ってしまいます。