#09C2CF

#09C2CF

カラー値

HEX

#09C2CF

RGB

9, 194, 207

HSL

183.9, 91.7%, 42.4%

HSV

183.9, 95.7%, 81.2%

CMYK

95.7%, 6.3%, 0.0%, 18.8%

OKLCH

0.7422 0.1255 203.4

プロパティ

寒色 明るい 最も近い： turquoise 3

色彩心理学

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.

カラーハーモニー

補色

#09C2CF

#CF1609

類似色

#09CF79

#095FCF

#09C2CF

トライアド

#09C2CF

#CF09C2

#C2CF09

スプリット補色

#09C2CF

#CF095F

#CF7909

テトラード

#09C2CF

#7909CF

#CF1609

#5FCF09

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

オリジナル

#09C2CF

第1色覚異常

#595BCC

第2色覚異常

#4E40CB

第3色覚異常

#12C9C9

全色盲

#9C9C9C

CSS使用法

background-color: #09C2CF;
color: #09C2CF;
border-color: #09C2CF;
最も近いTailwind： Cyan 400 #22D3EE

Tailwindシェード

50
#F1FDFD
100
#DFF9FB
200
#BBF8FC
300
#8AF3FA
400
#4AECF7
500
#0BE5F4
600
#08B7C4
700
#07939C
800
#05737A
900
#085358
950
#053538

コントラストチェッカー

白背景のテキスト

2.18:1

AA Fail AAA Fail

黒背景のテキスト

9.63:1

AA Pass AAA Pass

比較する

#09C2CF
#CF1609
#09C2CF
#FFFFFF
#000000
#09C2CF

関連記事

チュートリアル

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 #09C2CF?

RGB(9, 194, 207) · HSL(183.9, 91.7%, 42.4%) · CMYK(95.7%, 6.3%, 0.0%, 18.8%)

Does #09C2CF meet WCAG contrast on white?

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

What text color is readable on #09C2CF?

Use 000000 text on a #09C2CF background; contrast on black is 9.63:1.