#3B7F8D

#3B7F8D

カラー値

HEX

#3B7F8D

RGB

59, 127, 141

HSL

190.2, 41.0%, 39.2%

HSV

190.2, 58.2%, 55.3%

CMYK

58.2%, 9.9%, 0.0%, 44.7%

OKLCH

0.5582 0.0716 213.0

プロパティ

寒色 明るい 最も近い： RAL 5018 Turquoise Blue

色彩心理学

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.

カラーハーモニー

補色

#3B7F8D

#8D493B

類似色

#3B8D72

#3B568D

#3B7F8D

トライアド

#3B7F8D

#8D3B7F

#7F8D3B

スプリット補色

#3B7F8D

#8D3B56

#8D723B

テトラード

#3B7F8D

#723B8D

#8D493B

#568D3B

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

オリジナル

#3B7F8D

第1色覚異常

#58598A

第2色覚異常

#544F89

第3色覚異常

#3E8786

全色盲

#727272

CSS使用法

background-color: #3B7F8D;
color: #3B7F8D;
border-color: #3B7F8D;
最も近いTailwind： Cyan 700 #0E7490

Tailwindシェード

50
#F5F9FA
100
#E7F1F3
200
#CDE5EA
300
#A9D2DB
400
#7ABAC7
500
#4BA2B4
600
#3C8290
700
#306873
800
#26515A
900
#1F3C42
950
#13262A

コントラストチェッカー

白背景のテキスト

4.56:1

AA Pass AAA Fail

黒背景のテキスト

4.61:1

AA Pass AAA Fail

比較する

#3B7F8D
#8D493B
#3B7F8D
#FFFFFF
#000000
#3B7F8D

関連記事

チュートリアル

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 #3B7F8D?

RGB(59, 127, 141) · HSL(190.2, 41.0%, 39.2%) · CMYK(58.2%, 9.9%, 0.0%, 44.7%)

Does #3B7F8D meet WCAG contrast on white?

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

What text color is readable on #3B7F8D?

Use 000000 text on a #3B7F8D background; contrast on black is 4.61:1.