#A7DFBA

#A7DFBA

#DFA7CC

#DFA7CC

コントラスト比

1.32:1

Delta E

57.45

Very Different

50:50 ミックス

#C7C4C3

カラー値

フォーマット #A7DFBA #DFA7CC
HEX #A7DFBA #DFA7CC
RGB 167, 223, 186 223, 167, 204
HSL 140.4, 46.7%, 76.5% 320.4, 46.7%, 76.5%
HSV 140.4, 25.1%, 87.5% 320.4, 25.1%, 87.5%
CMYK 25.1%, 0.0%, 16.6%, 12.5% 0.0%, 25.1%, 8.5%, 12.5%
OKLCH 0.855 0.0771 155.5 0.7915 0.0814 339.5

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

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

テキスト読みやすさ

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

テキスト: #DFA7CC → 背景色: #A7DFBA

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

テキスト: #A7DFBA → 背景色: #DFA7CC

色差 (Delta E)

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

グラデーション

#A7DFBA #B3D6BD #BDCDC0 #C7C4C3 #CFBBC6 #D7B1C9 #DFA7CC

カラーミキシング

#A7DFBA

100%

#B8D2BF

75:25

#C7C4C3

50:50

#D3B6C8

25:75

#DFA7CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #A7DFBA, #DFA7CC);
background: linear-gradient(135deg, #A7DFBA, #DFA7CC);

各色を詳しく見る

#A7DFBA

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

#DFA7CC

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

関連する比較