ColorTool
ログイン
#413E04

#413e04 ≈ Army Green

  • 黄
  • 明度: とても低い
  • 彩度: 低め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#413e04は黄系の色です（明度：とても低い、彩度：低め）。 RGBでは赤25.49%、緑24.31%、青1.57%で構成され、CMYK印刷ではシアン0%、マゼンタ4.62%、イエロー93.85%、ブラック74.51%を使います。 HSLでは色相角57.05°、彩度88.41%、明度13.53%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は10.96:1（WCAG AAA）です。 最も近い色名はArmy Green（#4b5320）で、ΔEは7.94です。

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

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

補色

  1. #413e04
  2. #040741

分裂補色

  1. #413e04
  2. #042641
  3. #200441

類似色

  1. #412004
  2. #413e04
  3. #264104

トライアド

  1. #413e04
  2. #04413e
  3. #3e0441

テトラード

  1. #413e04
  2. #074104
  3. #040741
  4. #3e0441

スクエア

  1. #413e04
  2. #044120
  3. #040741
  4. #410426

モノクロマティック

  1. #131201
  2. #131201
  3. #413e04
  4. #898308
  5. #d1c70d

シェード

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

  1. #413e04
  2. #3b3804
  3. #343203
  4. #2e2b03
  5. #272502
  6. #211f02
  7. #1a1902
  8. #141301
  9. #0d0c01
  10. #070600
  11. #000000

ティント

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

  1. #413e04
  2. #54511d
  3. #676536
  4. #7a784f
  5. #8d8b68
  6. #a09f82
  7. #b3b29b
  8. #c6c5b4
  9. #d9d8cd
  10. #ecece6
  11. #ffffff

トーン

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

  1. #413e04
  2. #474510
  3. #4e4b1d
  4. #545229
  5. #5a5836
  6. #615f42
  7. #67664e
  8. #6d6c5b
  9. #737367
  10. #7a7974
  11. #808080

読みやすい文字 10.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.92:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #3c3c3c 男性の約0.003%
不完全1色覚 #3e3d2f 男性の約0.001%
1型2色覚（P型） #443b00 男性の約1.01%
2型2色覚（D型） #463d09 男性の約1.27%
3型2色覚（T型） #473934 男性の約0.0001%
1型3色覚（P型弱） #433c00 男性の約1.08%
2型3色覚（D型弱） #443e07 男性の約4.63%
3型3色覚（T型弱） #443b28 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-413e04 {
  color: #413e04;
}
背景色
.bg-413e04 {
  background-color: #413e04;
  color: #ffffff;
}
枠線
.border-413e04 {
  border: 2px solid #413e04;
}
CSS変数
:root {
  --color-primary: #413e04;
  --color-primary-rgb: 65 62 4;
  --color-primary-hsl: 57 88% 14%;
}
グラデーション
.gradient-413e04 {
  background: linear-gradient(135deg, #413e04, #264104);
}
色付きの影
.shadow-413e04 {
  box-shadow: 0 8px 24px rgb(65 62 4 / 0.35);
}

#4b5320 Army Green ΔE 7.94 #6c541e Field Drab ΔE 11.90 #444c38 Rifle Green ΔE 12.67 #3b3c36 Black Olive ΔE 16.17 #483c32 Taupe ΔE 16.18 #556b2f Dark Olive Green ΔE 16.19 #195905 Lincoln Green ΔE 16.58 #bec1fb 反転色 #3c3c3c グレースケール 

Army Green
#413e04  rgb(65, 62, 4)  hsl(57, 88%, 14%)  Army Green
#040741  rgb(4, 7, 65)  hsl(237, 88%, 14%)  Midnight Blue
#04413e  rgb(4, 65, 62)  hsl(177, 88%, 14%)  Midnight Green
#3e0441  rgb(62, 4, 65)  hsl(297, 88%, 14%)  Tyrian Purple