#37726D

#37726D

カラー値

HEX

#37726D

RGB

55, 114, 109

HSL

174.9, 34.9%, 33.1%

HSV

174.9, 51.8%, 44.7%

CMYK

51.8%, 0.0%, 4.4%, 55.3%

OKLCH

0.511 0.0623 188.1

プロパティ

寒色 暗い 最も近い： RAL 6033 Mint Turquoise

色彩心理学

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

カラーハーモニー

補色

#37726D

#72373C

類似色

#37724F

#375972

#37726D

トライアド

#37726D

#6D3772

#726D37

スプリット補色

#37726D

#723759

#724F37

テトラード

#37726D

#4F3772

#72373C

#597237

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

オリジナル

#37726D

第1色覚異常

#51516E

第2色覚異常

#4D496E

第3色覚異常

#3A6F6F

全色盲

#656565

CSS使用法

background-color: #37726D;
color: #37726D;
border-color: #37726D;
最も近いTailwind： Teal 700 #0F766E

Tailwindシェード

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ACD7D4
400
#80C2BC
500
#53ACA4
600
#428A84
700
#356E69
800
#2A5652
900
#21403D
950
#152827

コントラストチェッカー

白背景のテキスト

5.54:1

AA Pass AAA Fail

黒背景のテキスト

3.79:1

AA Fail AAA Fail

比較する

#37726D
#72373C
#37726D
#FFFFFF
#000000
#37726D

関連記事

チュートリアル

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

RGB(55, 114, 109) · HSL(174.9, 34.9%, 33.1%) · CMYK(51.8%, 0.0%, 4.4%, 55.3%)

Does #37726D meet WCAG contrast on white?

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

What text color is readable on #37726D?

Use FFFFFF text on a #37726D background; contrast on black is 3.79:1.