ColorTool
ログイン
#33601A

#33601a ≈ Lincoln Green

  • 緑
  • 明度: 低い
  • 彩度: 中程度
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#33601aは緑系の色です（明度：低い、彩度：中程度）。 RGBでは赤20%、緑37.65%、青10.2%で構成され、CMYK印刷ではシアン46.88%、マゼンタ0%、イエロー72.92%、ブラック62.35%を使います。 HSLでは色相角98.57°、彩度57.38%、明度23.92%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は7.42:1（WCAG AAA）です。 最も近い色名はLincoln Green（#195905）で、ΔEは3.91です。

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

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

補色

  1. #33601a
  2. #471a60

分裂補色

  1. #33601a
  2. #241a60
  3. #601a56

類似色

  1. #56601a
  2. #33601a
  3. #1a6024

トライアド

  1. #33601a
  2. #1a3360
  3. #601a33

テトラード

  1. #33601a
  2. #1a6047
  3. #471a60
  4. #601a33

スクエア

  1. #33601a
  2. #1a5660
  3. #471a60
  4. #60241a

モノクロマティック

  1. #091004
  2. #13240a
  3. #33601a
  4. #539c2a
  5. #76cd46

シェード

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

  1. #33601a
  2. #2e5617
  3. #294d15
  4. #244312
  5. #1f3a10
  6. #1a300d
  7. #14260a
  8. #0f1d08
  9. #0a1305
  10. #050a03
  11. #000000

ティント

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

  1. #33601a
  2. #477031
  3. #5c8048
  4. #70905f
  5. #85a076
  6. #99b08d
  7. #adbfa3
  8. #c2cfba
  9. #d6dfd1
  10. #ebefe8
  11. #ffffff

トーン

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

  1. #33601a
  2. #3b6324
  3. #42662e
  4. #4a6a39
  5. #526d43
  6. #5a704d
  7. #617357
  8. #697661
  9. #717a6c
  10. #787d76
  11. #808080

読みやすい文字 7.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 2.83:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #555555 男性の約0.003%
不完全1色覚 #4a5a45 男性の約0.001%
1型2色覚（P型） #635810 男性の約1.01%
2型2色覚（D型） #5d5420 男性の約1.27%
3型2色覚（T型） #315c52 男性の約0.0001%
1型3色覚（P型弱） #545b14 男性の約1.08%
2型3色覚（D型弱） #50591e 男性の約4.63%
3型3色覚（T型弱） #325e42 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-33601a {
  color: #33601a;
}
背景色
.bg-33601a {
  background-color: #33601a;
  color: #ffffff;
}
枠線
.border-33601a {
  border: 2px solid #33601a;
}
CSS変数
:root {
  --color-primary: #33601a;
  --color-primary-rgb: 51 96 26;
  --color-primary-hsl: 99 57% 24%;
}
グラデーション
.gradient-33601a {
  background: linear-gradient(135deg, #33601a, #1a6024);
}
色付きの影
.shadow-33601a {
  box-shadow: 0 8px 24px rgb(51 96 26 / 0.35);
}

#195905 Lincoln Green ΔE 3.91 #006400 Dark Green ΔE 5.21 #006600 Pakistan Green ΔE 5.44 #556b2f Dark Olive Green ΔE 7.11 #355e3b Hunter Green ΔE 8.22 #4b5320 Army Green ΔE 9.28 #006b3c Cadmium Green ΔE 9.45 #cc9fe5 反転色 #555555 グレースケール 

Lincoln Green
#33601a  rgb(51, 96, 26)  hsl(99, 57%, 24%)  Lincoln Green
#471a60  rgb(71, 26, 96)  hsl(279, 57%, 24%)  Indigo
#1a3360  rgb(26, 51, 96)  hsl(219, 57%, 24%)  Prussian Blue
#601a33  rgb(96, 26, 51)  hsl(339, 57%, 24%)  Tyrian Purple