#A2F2DF

#A2F2DF

カラー値

HEX

#A2F2DF

RGB

162, 242, 223

HSL

165.8, 75.5%, 79.2%

HSV

165.8, 33.1%, 94.9%

CMYK

33.1%, 0.0%, 7.9%, 5.1%

OKLCH

0.9041 0.0829 177.7

プロパティ

寒色 明るい 最も近い： Magic Mint

色彩心理学

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.

カラーハーモニー

補色

#A2F2DF

#F2A2B5

類似色

#A2F2B7

#A2DDF2

#A2F2DF

トライアド

#A2F2DF

#DFA2F2

#F2DFA2

スプリット補色

#A2F2DF

#F2A2DD

#F2B7A2

テトラード

#A2F2DF

#B7A2F2

#F2A2B5

#DDF2A2

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

オリジナル

#A2F2DF

第1色覚異常

#C5C5E4

第2色覚異常

#C0BAE5

第3色覚異常

#A6E7E8

全色盲

#E0E0E0

CSS使用法

background-color: #A2F2DF;
color: #A2F2DF;
border-color: #A2F2DF;
最も近いTailwind： Teal 200 #99F6E4

Tailwindシェード

50
#F2FCFA
100
#E2F9F3
200
#C0F6E9
300
#94F0DA
400
#59E8C6
500
#1FE0B2
600
#19B38F
700
#148F72
800
#107059
900
#105142
950
#0A332A

コントラストチェッカー

白背景のテキスト

1.29:1

AA Fail AAA Fail

黒背景のテキスト

16.3:1

AA Pass AAA Pass

比較する

#A2F2DF
#F2A2B5
#A2F2DF
#FFFFFF
#000000
#A2F2DF

関連記事

チュートリアル

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 #A2F2DF?

RGB(162, 242, 223) · HSL(165.8, 75.5%, 79.2%) · CMYK(33.1%, 0.0%, 7.9%, 5.1%)

Does #A2F2DF meet WCAG contrast on white?

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

What text color is readable on #A2F2DF?

Use 000000 text on a #A2F2DF background; contrast on black is 16.3:1.