#157F96

#157F96

カラー値

HEX

#157F96

RGB

21, 127, 150

HSL

190.7, 75.4%, 33.5%

HSV

190.7, 86.0%, 58.8%

CMYK

86.0%, 15.3%, 0.0%, 41.2%

OKLCH

0.5518 0.094 217.3

プロパティ

寒色 暗い 最も近い： NCS S 1060-B30G Teal

色彩心理学

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.

カラーハーモニー

補色

#157F96

#962C15

類似色

#15966C

#153E96

#157F96

トライアド

#157F96

#96157F

#7F9615

スプリット補色

#157F96

#96153E

#966C15

テトラード

#157F96

#6C1596

#962C15

#3E9615

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

オリジナル

#157F96

第1色覚異常

#434490

第2色覚異常

#3D358F

第3色覚異常

#1A8C8B

全色盲

#6A6A6A

CSS使用法

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

Tailwindシェード

50
#F2FBFC
100
#E2F5F9
200
#C0EDF6
300
#94DFF0
400
#5ACEE8
500
#1FBDE0
600
#1997B3
700
#14798F
800
#105F70
900
#104651
950
#0A2C33

コントラストチェッカー

白背景のテキスト

4.66:1

AA Pass AAA Fail

黒背景のテキスト

4.51:1

AA Pass AAA Fail

比較する

#157F96
#962C15
#157F96
#FFFFFF
#000000
#157F96

関連記事

チュートリアル

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 #157F96?

RGB(21, 127, 150) · HSL(190.7, 75.4%, 33.5%) · CMYK(86.0%, 15.3%, 0.0%, 41.2%)

Does #157F96 meet WCAG contrast on white?

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

What text color is readable on #157F96?

Use FFFFFF text on a #157F96 background; contrast on black is 4.51:1.