#A6DF97

#A6DF97

#D097DF

#D097DF

コントラスト比

1.48:1

Delta E

88.16

Very Different

50:50 ミックス

#C0BDBC

カラー値

フォーマット #A6DF97 #D097DF
HEX #A6DF97 #D097DF
RGB 166, 223, 151 208, 151, 223
HSL 107.5, 52.9%, 73.3% 287.5, 52.9%, 73.3%
HSV 107.5, 32.3%, 87.5% 287.5, 32.3%, 87.5%
CMYK 25.6%, 0.0%, 32.3%, 12.5% 6.7%, 32.3%, 0.0%, 12.5%
OKLCH 0.8467 0.1136 139.2 0.7555 0.1178 319.1

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

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D097DF → 背景色: #A6DF97

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

テキスト: #A6DF97 → 背景色: #D097DF

色差 (Delta E)

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

グラデーション

#A6DF97 #B0D4A4 #B9C9B0 #C0BDBC #C6B1C8 #CCA4D4 #D097DF

カラーミキシング

#A6DF97

100%

#B5CEAA

75:25

#C0BDBC

50:50

#C9ABCE

25:75

#D097DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #A6DF97, #D097DF);
background: linear-gradient(135deg, #A6DF97, #D097DF);

各色を詳しく見る

#A6DF97

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

#D097DF

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

関連する比較