ColorTool
ログイン
#D93B3E

#d93b3e ≈ Persian Red

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

#d93b3eは赤系の色です（明度：中程度、彩度：高め）。 RGBでは赤85.1%、緑23.14%、青24.31%で構成され、CMYK印刷ではシアン0%、マゼンタ72.81%、イエロー71.43%、ブラック14.9%を使います。 HSLでは色相角358.86°、彩度67.52%、明度54.12%です。 暖色で、エネルギー、情熱、緊急性を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は4.65:1（WCAG AA）です。 最も近い色名はPersian Red（#cc3333）で、ΔEは3.71です。

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

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

補色

  1. #d93b3e
  2. #3bd9d6

分裂補色

  1. #d93b3e
  2. #3bd987
  3. #3b8dd9

類似色

  1. #d93b8d
  2. #d93b3e
  3. #d9873b

トライアド

  1. #d93b3e
  2. #3ed93b
  3. #3b3ed9

テトラード

  1. #d93b3e
  2. #d9d63b
  3. #3bd9d6
  4. #3b3ed9

スクエア

  1. #d93b3e
  2. #8dd93b
  3. #3bd9d6
  4. #873bd9

モノクロマティック

  1. #671416
  2. #a72023
  3. #d93b3e
  4. #e57b7d
  5. #f2bbbc

シェード

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

  1. #d93b3e
  2. #c33538
  3. #ae2f32
  4. #98292b
  5. #822325
  6. #6d1e1f
  7. #571819
  8. #411213
  9. #2b0c0c
  10. #160606
  11. #000000

ティント

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

  1. #d93b3e
  2. #dd4f51
  3. #e16265
  4. #e47678
  5. #e8898b
  6. #ec9d9f
  7. #f0b1b2
  8. #f4c4c5
  9. #f7d8d8
  10. #fbebec
  11. #ffffff

トーン

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

  1. #d93b3e
  2. #d04245
  3. #c7494b
  4. #be5052
  5. #b55758
  6. #ad5e5f
  7. #a46466
  8. #9b6b6c
  9. #927273
  10. #897979
  11. #808080

読みやすい文字 4.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.65:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #767676 男性の約0.003%
不完全1色覚 #a76464 男性の約0.001%
1型2色覚（P型） #69613c 男性の約1.01%
2型2色覚（D型） #918339 男性の約1.27%
3型2色覚（T型） #ef003e 男性の約0.0001%
1型3色覚（P型弱） #a2543d 男性の約1.08%
2型3色覚（D型弱） #b26d3b 男性の約4.63%
3型3色覚（T型弱） #e61f3e 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d93b3e {
  color: #d93b3e;
}
背景色
.bg-d93b3e {
  background-color: #d93b3e;
  color: #000000;
}
枠線
.border-d93b3e {
  border: 2px solid #d93b3e;
}
CSS変数
:root {
  --color-primary: #d93b3e;
  --color-primary-rgb: 217 59 62;
  --color-primary-hsl: 359 68% 54%;
}
グラデーション
.gradient-d93b3e {
  background: linear-gradient(135deg, #d93b3e, #d9873b);
}
色付きの影
.shadow-d93b3e {
  box-shadow: 0 8px 24px rgb(217 59 62 / 0.35);
}

#cc3333 Persian Red ΔE 3.71 #dc143c Crimson ΔE 4.65 #e34234 Cinnabar ΔE 4.90 #e34234 Vermilion ΔE 4.90 #e30022 Cadmium Red ΔE 5.16 #ce2029 Fire Engine Red ΔE 5.42 #e62020 Lust ΔE 5.77 #26c4c1 反転色 #767676 グレースケール 

Persian Red
#d93b3e  rgb(217, 59, 62)  hsl(359, 68%, 54%)  Persian Red
#3bd9d6  rgb(59, 217, 214)  hsl(179, 68%, 54%)  Medium Turquoise
#3ed93b  rgb(62, 217, 59)  hsl(119, 68%, 54%)  Lime Green
#3b3ed9  rgb(59, 62, 217)  hsl(239, 68%, 54%)  Ocean Blue