#ABDFB0

#ABDFB0

#DFABDA

#DFABDA

コントラスト比

1.27:1

Delta E

63.14

Very Different

50:50 ミックス

#C8C6C5

カラー値

フォーマット #ABDFB0 #DFABDA
HEX #ABDFB0 #DFABDA
RGB 171, 223, 176 223, 171, 218
HSL 125.8, 44.8%, 77.3% 305.8, 44.8%, 77.3%
HSV 125.8, 23.3%, 87.5% 305.8, 23.3%, 87.5%
CMYK 23.3%, 0.0%, 21.1%, 12.5% 0.0%, 23.3%, 2.2%, 12.5%
OKLCH 0.8551 0.084 147.3 0.8035 0.0866 329.6

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFABDA → 背景色: #ABDFB0

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

テキスト: #ABDFB0 → 背景色: #DFABDA

色差 (Delta E)

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

グラデーション

#ABDFB0 #B6D7B7 #BFCFBE #C8C6C5 #D0BECC #D8B5D3 #DFABDA

カラーミキシング

#ABDFB0

100%

#BBD3BB

75:25

#C8C6C5

50:50

#D4B9D0

25:75

#DFABDA

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABDFB0, #DFABDA);
background: linear-gradient(135deg, #ABDFB0, #DFABDA);

各色を詳しく見る

#ABDFB0

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

#DFABDA

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

関連する比較