#99AADE

#99AADE

カラー値

HEX

#99AADE

RGB

153, 170, 222

HSL

225.2, 51.1%, 73.5%

HSV

225.2, 31.1%, 87.1%

CMYK

31.1%, 23.4%, 0.0%, 12.9%

OKLCH

0.7437 0.0778 270.4

プロパティ

寒色 明るい 最も近い： Blue Bell

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

カラーハーモニー

補色

#99AADE

#DECD99

類似色

#99CCDE

#AA99DE

#99AADE

トライアド

#99AADE

#DE99AA

#AADE99

スプリット補色

#99AADE

#DEAA99

#CCDE99

テトラード

#99AADE

#DE99CC

#DECD99

#99DEAA

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

オリジナル

#99AADE

第1色覚異常

#A0A1D1

第2色覚異常

#9F9ECE

第3色覚異常

#9AC7C5

全色盲

#AAAAAA

CSS使用法

background-color: #99AADE;
color: #99AADE;
border-color: #99AADE;
最も近いTailwind： Indigo 300 #A5B4FC

Tailwindシェード

50
#F4F6FB
100
#E5E9F5
200
#C9D2EE
300
#A3B2E1
400
#7088D1
500
#3E5EC1
600
#324C9A
700
#283C7B
800
#1F2F60
900
#1A2547
950
#11172D

コントラストチェッカー

白背景のテキスト

2.29:1

AA Fail AAA Fail

黒背景のテキスト

9.16:1

AA Pass AAA Pass

比較する

#99AADE
#DECD99
#99AADE
#FFFFFF
#000000
#99AADE

関連記事

チュートリアル

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 #99AADE?

RGB(153, 170, 222) · HSL(225.2, 51.1%, 73.5%) · CMYK(31.1%, 23.4%, 0.0%, 12.9%)

Does #99AADE meet WCAG contrast on white?

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

What text color is readable on #99AADE?

Use 000000 text on a #99AADE background; contrast on black is 9.16:1.