#505B53

#505B53

カラー値

HEX

#505B53

RGB

80, 91, 83

HSL

136.4, 6.4%, 33.5%

HSV

136.4, 12.1%, 35.7%

CMYK

12.1%, 0.0%, 8.8%, 64.3%

OKLCH

0.459 0.0188 154.0

プロパティ

寒色 暗い 最も近い： RAL 7012 Basalt Grey

色彩心理学

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.

カラーハーモニー

補色

#505B53

#5B5058

類似色

#525B50

#505B58

#505B53

トライアド

#505B53

#53505B

#5B5350

スプリット補色

#505B53

#58505B

#5B5052

テトラード

#505B53

#50525B

#5B5058

#5B5850

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

オリジナル

#505B53

第1色覚異常

#555555

第2色覚異常

#545355

第3色覚異常

#515657

全色盲

#585858

CSS使用法

background-color: #505B53;
color: #505B53;
border-color: #505B53;
最も近いTailwind： Stone 600 #57534E

Tailwindシェード

50
#F7F8F7
100
#ECEEED
200
#D9DEDA
300
#BEC6C0
400
#9BA79E
500
#77887C
600
#5F6D63
700
#4C574F
800
#3C443E
900
#2E332F
950
#1D201E

コントラストチェッカー

白背景のテキスト

7.09:1

AA Pass AAA Pass

黒背景のテキスト

2.96:1

AA Fail AAA Fail

比較する

#505B53
#5B5058
#505B53
#FFFFFF
#000000
#505B53

関連記事

チュートリアル

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 #505B53?

RGB(80, 91, 83) · HSL(136.4, 6.4%, 33.5%) · CMYK(12.1%, 0.0%, 8.8%, 64.3%)

Does #505B53 meet WCAG contrast on white?

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

What text color is readable on #505B53?

Use FFFFFF text on a #505B53 background; contrast on black is 2.96:1.