#ABF7D4

#ABF7D4

#F7ABCE

#F7ABCE

コントラスト比

1.46:1

Delta E

66.73

Very Different

50:50 ミックス

#D7D3D1

カラー値

フォーマット #ABF7D4 #F7ABCE
HEX #ABF7D4 #F7ABCE
RGB 171, 247, 212 247, 171, 206
HSL 152.4, 82.6%, 82.0% 332.4, 82.6%, 82.0%
HSV 152.4, 30.8%, 96.9% 332.4, 30.8%, 96.9%
CMYK 30.8%, 0.0%, 14.2%, 3.1% 0.0%, 30.8%, 16.6%, 3.1%
OKLCH 0.917 0.0893 164.2 0.8238 0.0989 350.3

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7ABCE → 背景色: #ABF7D4

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

テキスト: #ABF7D4 → 背景色: #F7ABCE

色差 (Delta E)

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

グラデーション

#ABF7D4 #BCEBD3 #CBDFD2 #D7D3D1 #E3C6D0 #EDB9CF #F7ABCE

カラーミキシング

#ABF7D4

100%

#C3E5D3

75:25

#D7D3D1

50:50

#E8C0D0

25:75

#F7ABCE

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABF7D4, #F7ABCE);
background: linear-gradient(135deg, #ABF7D4, #F7ABCE);

各色を詳しく見る

#ABF7D4

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

#F7ABCE

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

関連する比較