#9BC7CB

#9BC7CB

カラー値

HEX

#9BC7CB

RGB

155, 199, 203

HSL

185.0, 31.6%, 70.2%

HSV

185.0, 23.6%, 79.6%

CMYK

23.6%, 2.0%, 0.0%, 20.4%

OKLCH

0.7997 0.0467 203.2

プロパティ

寒色 明るい 最も近い： NCS S 0520-B10G Ice Blue

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

カラーハーモニー

補色

#9BC7CB

#CB9F9B

類似色

#9BCBB7

#9BAFCB

#9BC7CB

トライアド

#9BC7CB

#CB9BC7

#C7CB9B

スプリット補色

#9BC7CB

#CB9BAF

#CBB79B

テトラード

#9BC7CB

#B79BCB

#CB9F9B

#AFCB9B

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

オリジナル

#9BC7CB

第1色覚異常

#AEAECA

第2色覚異常

#ACA8CA

第3色覚異常

#9DC9C9

全色盲

#BEBEBE

CSS使用法

background-color: #9BC7CB;
color: #9BC7CB;
border-color: #9BC7CB;
最も近いTailwind： Slate 300 #CBD5E1

Tailwindシェード

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED2D5
400
#83B9BE
500
#57A1A8
600
#468186
700
#38676B
800
#2C5154
900
#233C3E
950
#162627

コントラストチェッカー

白背景のテキスト

1.84:1

AA Fail AAA Fail

黒背景のテキスト

11.43:1

AA Pass AAA Pass

比較する

#9BC7CB
#CB9F9B
#9BC7CB
#FFFFFF
#000000
#9BC7CB

関連記事

チュートリアル

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 #9BC7CB?

RGB(155, 199, 203) · HSL(185.0, 31.6%, 70.2%) · CMYK(23.6%, 2.0%, 0.0%, 20.4%)

Does #9BC7CB meet WCAG contrast on white?

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

What text color is readable on #9BC7CB?

Use 000000 text on a #9BC7CB background; contrast on black is 11.43:1.