#B5E9DA

#B5E9DA

#E9B5C4

#E9B5C4

コントラスト比

1.32:1

Delta E

41.91

Very Different

50:50 ミックス

#D2D0CF

カラー値

フォーマット #B5E9DA #E9B5C4
HEX #B5E9DA #E9B5C4
RGB 181, 233, 218 233, 181, 196
HSL 162.7, 54.2%, 81.2% 342.7, 54.2%, 81.2%
HSV 162.7, 22.3%, 91.4% 342.7, 22.3%, 91.4%
CMYK 22.3%, 0.0%, 6.4%, 8.6% 0.0%, 22.3%, 15.9%, 8.6%
OKLCH 0.8938 0.0572 175.4 0.8242 0.0631 359.5

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

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E9B5C4 → 背景色: #B5E9DA

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

テキスト: #B5E9DA → 背景色: #E9B5C4

色差 (Delta E)

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

グラデーション

#B5E9DA #C0E1D6 #CAD8D3 #D2D0CF #DBC7CB #E2BEC8 #E9B5C4

カラーミキシング

#B5E9DA

100%

#C5DDD4

75:25

#D2D0CF

50:50

#DEC3C9

25:75

#E9B5C4

100%

CSSグラデーションコード

background: linear-gradient(to right, #B5E9DA, #E9B5C4);
background: linear-gradient(135deg, #B5E9DA, #E9B5C4);

各色を詳しく見る

#B5E9DA

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

#E9B5C4

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

関連する比較