#BAE2AC

#BAE2AC

#D4ACE2

#D4ACE2

コントラスト比

1.35:1

Delta E

65.1

Very Different

50:50 ミックス

#CAC8C8

カラー値

フォーマット #BAE2AC #D4ACE2
HEX #BAE2AC #D4ACE2
RGB 186, 226, 172 212, 172, 226
HSL 104.4, 48.2%, 78.0% 284.4, 48.2%, 78.0%
HSV 104.4, 23.9%, 88.6% 284.4, 23.9%, 88.6%
CMYK 17.7%, 0.0%, 23.9%, 11.4% 6.2%, 23.9%, 0.0%, 11.4%
OKLCH 0.8704 0.084 137.7 0.7977 0.0864 317.2

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D4ACE2 → 背景色: #BAE2AC

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

テキスト: #BAE2AC → 背景色: #D4ACE2

色差 (Delta E)

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

グラデーション

#BAE2AC #C0D9B5 #C5D1BF #CAC8C8 #CEBFD1 #D1B6D9 #D4ACE2

カラーミキシング

#BAE2AC

100%

#C3D5BA

75:25

#CAC8C8

50:50

#CFBAD5

25:75

#D4ACE2

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAE2AC, #D4ACE2);
background: linear-gradient(135deg, #BAE2AC, #D4ACE2);

各色を詳しく見る

#BAE2AC

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

#D4ACE2

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

関連する比較