ColorTool
ログイン
#D25934

#d25934 ≈ Flame

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

#d25934はオレンジ系の色です（明度：中程度、彩度：高め）。 RGBでは赤82.35%、緑34.9%、青20.39%で構成され、CMYK印刷ではシアン0%、マゼンタ57.62%、イエロー75.24%、ブラック17.65%を使います。 HSLでは色相角14.05°、彩度63.71%、明度51.37%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.22:1（WCAG AA）です。 最も近い色名はFlame（#e25822）で、ΔEは4.33です。

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

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

補色

  1. #d25934
  2. #34add2

分裂補色

  1. #d25934
  2. #34d2a8
  3. #345ed2

類似色

  1. #d2345e
  2. #d25934
  3. #d2a834

トライアド

  1. #d25934
  2. #34d259
  3. #5934d2

テトラード

  1. #d25934
  2. #add234
  3. #34add2
  4. #5934d2

スクエア

  1. #d25934
  2. #5ed234
  3. #34add2
  4. #a834d2

モノクロマティック

  1. #592414
  2. #983d22
  3. #d25934
  4. #e08c73
  5. #eebfb1

シェード

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

  1. #d25934
  2. #bd502f
  3. #a8472a
  4. #933e24
  5. #7e351f
  6. #692d1a
  7. #542415
  8. #3f1b10
  9. #2a120a
  10. #150905
  11. #000000

ティント

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

  1. #d25934
  2. #d76a48
  3. #db7a5d
  4. #e08b71
  5. #e49b85
  6. #e9ac9a
  7. #edbdae
  8. #f2cdc2
  9. #f6ded6
  10. #fbeeeb
  11. #ffffff

トーン

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

  1. #d25934
  2. #ca5d3c
  3. #c26143
  4. #b9654b
  5. #b16952
  6. #a96d5a
  7. #a17062
  8. #997469
  9. #907871
  10. #887c78
  11. #808080

読みやすい文字 4.02:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 5.22:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #7f7f7f 男性の約0.003%
不完全1色覚 #a77169 男性の約0.001%
1型2色覚（P型） #7a6e2f 男性の約1.01%
2型2色覚（D型） #988930 男性の約1.27%
3型2色覚（T型） #e73e51 男性の約0.0001%
1型3色覚（P型弱） #a56631 男性の約1.08%
2型3色覚（D型弱） #b27932 男性の約4.63%
3型3色覚（T型弱） #df4a47 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d25934 {
  color: #d25934;
}
背景色
.bg-d25934 {
  background-color: #d25934;
  color: #000000;
}
枠線
.border-d25934 {
  border: 2px solid #d25934;
}
CSS変数
:root {
  --color-primary: #d25934;
  --color-primary-rgb: 210 89 52;
  --color-primary-hsl: 14 64% 51%;
}
グラデーション
.gradient-d25934 {
  background: linear-gradient(135deg, #d25934, #d2a834);
}
色付きの影
.shadow-d25934 {
  box-shadow: 0 8px 24px rgb(210 89 52 / 0.35);
}

#e25822 Flame ΔE 4.33 #e34234 Cinnabar ΔE 6.34 #e34234 Vermilion ΔE 6.34 #cb410b Sinopia ΔE 6.58 #cc5500 Burnt Orange ΔE 7.87 #ec5800 Persimmon ΔE 8.04 #f94d00 Tangelo ΔE 8.10 #2da6cb 反転色 #7f7f7f グレースケール 

Flame
#d25934  rgb(210, 89, 52)  hsl(14, 64%, 51%)  Flame
#34add2  rgb(52, 173, 210)  hsl(194, 64%, 51%)  Moonstone Blue
#34d259  rgb(52, 210, 89)  hsl(134, 64%, 51%)  Malachite
#5934d2  rgb(89, 52, 210)  hsl(254, 64%, 51%)  Han Purple