#30833D

#30833D

カラー値

HEX

#30833D

RGB

48, 131, 61

HSL

129.4, 46.4%, 35.1%

HSV

129.4, 63.4%, 51.4%

CMYK

63.4%, 0.0%, 53.4%, 48.6%

OKLCH

0.5424 0.132 146.3

プロパティ

寒色 暗い 最も近い： RAL 6024 Traffic Green

色彩心理学

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

カラーハーモニー

補色

#30833D

#833076

類似色

#4C8330

#308367

#30833D

トライアド

#30833D

#3D3083

#833D30

スプリット補色

#30833D

#673083

#83304C

テトラード

#30833D

#304C83

#833076

#836730

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

オリジナル

#30833D

第1色覚異常

#54554E

第2色覚異常

#4F4952

第3色覚異常

#345B5E

全色盲

#6C6C6C

CSS使用法

background-color: #30833D;
color: #30833D;
border-color: #30833D;
最も近いTailwind： Green 700 #15803D

Tailwindシェード

50
#F4FAF5
100
#E6F4E8
200
#CBECD0
300
#A5DEAE
400
#75CC83
500
#44BB57
600
#379546
700
#2C7738
800
#225D2B
900
#1C4523
950
#122B16

コントラストチェッカー

白背景のテキスト

4.73:1

AA Pass AAA Fail

黒背景のテキスト

4.44:1

AA Fail AAA Fail

比較する

#30833D
#833076
#30833D
#FFFFFF
#000000
#30833D

関連記事

チュートリアル

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 #30833D?

RGB(48, 131, 61) · HSL(129.4, 46.4%, 35.1%) · CMYK(63.4%, 0.0%, 53.4%, 48.6%)

Does #30833D meet WCAG contrast on white?

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

What text color is readable on #30833D?

Use FFFFFF text on a #30833D background; contrast on black is 4.44:1.