ColorTool
ログイン
#900E35

#900e35 ≈ Claret

  • ローズ
  • 明度: 低い
  • 彩度: 高め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#900e35はローズ系の色です（明度：低い、彩度：高め）。 RGBでは赤56.47%、緑5.49%、青20.78%で構成され、CMYK印刷ではシアン0%、マゼンタ90.28%、イエロー63.19%、ブラック43.53%を使います。 HSLでは色相角342°、彩度82.28%、明度30.98%です。 暖色で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、企業のブランディングに使われます。 この色の上に白の文字を置くとコントラスト比は9.13:1（WCAG AAA）です。 最も近い色名はClaret（#7f1734）で、ΔEは3.44です。

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

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

補色

  1. #900e35
  2. #0e9069

分裂補色

  1. #900e35
  2. #0e9028
  3. #0e7690

類似色

  1. #900e76
  2. #900e35
  3. #90280e

トライアド

  1. #900e35
  2. #35900e
  3. #0e3590

テトラード

  1. #900e35
  2. #90690e
  3. #0e9069
  4. #0e3590

スクエア

  1. #900e35
  2. #76900e
  3. #0e9069
  4. #280e90

モノクロマティック

  1. #130207
  2. #4a071b
  3. #900e35
  4. #d6154f
  5. #ed4a7b

シェード

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

  1. #900e35
  2. #820d30
  3. #730b2a
  4. #650a25
  5. #560820
  6. #48071b
  7. #3a0615
  8. #2b0410
  9. #1d030b
  10. #0e0105
  11. #000000

ティント

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

  1. #900e35
  2. #9b2649
  3. #a63e5d
  4. #b15672
  5. #bc6e86
  6. #c8879a
  7. #d39fae
  8. #deb7c2
  9. #e9cfd7
  10. #f4e7eb
  11. #ffffff

トーン

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

  1. #900e35
  2. #8e193d
  3. #8d2544
  4. #8b304c
  5. #8a3c53
  6. #88475b
  7. #865262
  8. #855e6a
  9. #836971
  10. #827579
  11. #808080

読みやすい文字 9.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #484848 男性の約0.003%
不完全1色覚 #6c3941 男性の約0.001%
1型2色覚（P型） #383835 男性の約1.01%
2型2色覚（D型） #585132 男性の約1.27%
3型2色覚（T型） #9e0021 男性の約0.0001%
1型3色覚（P型弱） #672c35 男性の約1.08%
2型3色覚（D型弱） #734033 男性の約4.63%
3型3色覚（T型弱） #99002a 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-900e35 {
  color: #900e35;
}
背景色
.bg-900e35 {
  background-color: #900e35;
  color: #ffffff;
}
枠線
.border-900e35 {
  border: 2px solid #900e35;
}
CSS変数
:root {
  --color-primary: #900e35;
  --color-primary-rgb: 144 14 53;
  --color-primary-hsl: 342 82% 31%;
}
グラデーション
.gradient-900e35 {
  background: linear-gradient(135deg, #900e35, #90280e);
}
色付きの影
.shadow-900e35 {
  box-shadow: 0 8px 24px rgb(144 14 53 / 0.35);
}

#7f1734 Claret ΔE 3.44 #9f1d35 Vivid Burgundy ΔE 4.79 #800020 Burgundy ΔE 5.70 #722f37 Wine ΔE 7.66 #893f45 Cordovan ΔE 8.39 #960018 Carmine ΔE 9.58 #801818 Falu Red ΔE 10.03 #6ff1ca 反転色 #484848 グレースケール 

Claret
#900e35  rgb(144, 14, 53)  hsl(342, 82%, 31%)  Claret
#0e9069  rgb(14, 144, 105)  hsl(162, 82%, 31%)  Sea Green
#35900e  rgb(53, 144, 14)  hsl(102, 82%, 31%)  Islamic Green
#0e3590  rgb(14, 53, 144)  hsl(222, 82%, 31%)  Smalt