#CBF9DF

#CBF9DF

#F9CBE5

#F9CBE5

コントラスト比

1.23:1

Delta E

43.24

Very Different

50:50 ミックス

#E4E3E2

カラー値

フォーマット #CBF9DF #F9CBE5
HEX #CBF9DF #F9CBE5
RGB 203, 249, 223 249, 203, 229
HSL 146.1, 79.3%, 88.6% 326.1, 79.3%, 88.6%
HSV 146.1, 18.5%, 97.6% 326.1, 18.5%, 97.6%
CMYK 18.5%, 0.0%, 10.4%, 2.4% 0.0%, 18.5%, 8.0%, 2.4%
OKLCH 0.9429 0.0587 160.3 0.8894 0.0616 343.5

コントラストとアクセシビリティ

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F9CBE5 → 背景色: #CBF9DF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #CBF9DF → 背景色: #F9CBE5

色差 (Delta E)

43.24 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CBF9DF #D4F2E0 #DCEAE1 #E4E3E2 #EBDBE3 #F2D3E4 #F9CBE5

カラーミキシング

#CBF9DF

100%

#D8EEE1

75:25

#E4E3E2

50:50

#EFD7E4

25:75

#F9CBE5

100%

CSSグラデーションコード

background: linear-gradient(to right, #CBF9DF, #F9CBE5);
background: linear-gradient(135deg, #CBF9DF, #F9CBE5);

各色を詳しく見る

#CBF9DF

カラーの詳細をすべて見る

#F9CBE5

カラーの詳細をすべて見る

関連する比較