#00A310

#00A310

カラー値

HEX

#00A310

RGB

0, 163, 16

HSL

125.9, 100.0%, 32.0%

HSV

125.9, 100.0%, 63.9%

CMYK

100.0%, 0.0%, 90.2%, 36.1%

OKLCH

0.6203 0.2075 143.0

プロパティ

寒色 明るい 最も近い： RAL 6038 Luminous Green

色彩心理学

Dark greens like forest and hunter green convey wealth, tradition, and prestige. They are associated with old money, ivy-league institutions, and deep woodland environments. These tones express stability and endurance, suggesting something that has stood the test of time.

Design Usage

Dark green excels in banking, insurance, and heritage brand identities where trust is paramount. It creates elegant, authoritative headers and navigation bars that feel established and dependable. Pair it with gold, cream, or light gray for a classic combination that signals reliability and quality.

カラーハーモニー

補色

#00A310

#A30093

類似色

#42A300

#00A362

#00A310

トライアド

#00A310

#1000A3

#A31000

スプリット補色

#00A310

#6200A3

#A30042

テトラード

#00A310

#0042A3

#A30093

#A36200

色覚異常シミュレーション

オリジナル

#00A310

第1色覚異常

#474834

第2色覚異常

#3D313C

第3色覚異常

#085056

全色盲

#767676

CSS使用法

background-color: #00A310;
color: #00A310;
border-color: #00A310;
最も近いTailwind： Green 500 #22C55E

Tailwindシェード

50
#F1FEF2
100
#DEFCE1
200
#B8FFBF
300
#85FF91
400
#42FF55
500
#00FF19
600
#00CC14
700
#00A310
800
#00800D
900
#055C0D
950
#033A08

コントラストチェッカー

白背景のテキスト

3.36:1

AA Fail AAA Fail

黒背景のテキスト

6.25:1

AA Pass AAA Fail

比較する

#00A310
#A30093
#00A310
#FFFFFF
#000000
#00A310

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #00A310?

RGB(0, 163, 16) · HSL(125.9, 100.0%, 32.0%) · CMYK(100.0%, 0.0%, 90.2%, 36.1%)

Does #00A310 meet WCAG contrast on white?

3.36:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #00A310?

Use 000000 text on a #00A310 background; contrast on black is 6.25:1.