#B2F4BA

#B2F4BA

#F4B2EC

#F4B2EC

コントラスト比

1.33:1

Delta E

77.43

Very Different

50:50 ミックス

#D8D5D4

カラー値

フォーマット #B2F4BA #F4B2EC
HEX #B2F4BA #F4B2EC
RGB 178, 244, 186 244, 178, 236
HSL 127.3, 75.0%, 82.7% 307.3, 75.0%, 82.7%
HSV 127.3, 27.0%, 95.7% 307.3, 27.0%, 95.7%
CMYK 27.0%, 0.0%, 23.8%, 4.3% 0.0%, 27.0%, 3.3%, 4.3%
OKLCH 0.908 0.1029 147.8 0.8428 0.1068 330.7

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4B2EC → 背景色: #B2F4BA

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

テキスト: #B2F4BA → 背景色: #F4B2EC

色差 (Delta E)

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

グラデーション

#B2F4BA #C0EAC3 #CCE0CB #D8D5D4 #E2CADC #EBBEE4 #F4B2EC

カラーミキシング

#B2F4BA

100%

#C6E5C7

75:25

#D8D5D4

50:50

#E7C4E0

25:75

#F4B2EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #B2F4BA, #F4B2EC);
background: linear-gradient(135deg, #B2F4BA, #F4B2EC);

各色を詳しく見る

#B2F4BA

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

#F4B2EC

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

関連する比較