#AADE9A

#AADE9A

#CE9ADE

#CE9ADE

コントラスト比

1.46:1

Delta E

82.82

Very Different

50:50 ミックス

#C0BEBD

カラー値

フォーマット #AADE9A #CE9ADE
HEX #AADE9A #CE9ADE
RGB 170, 222, 154 206, 154, 222
HSL 105.9, 50.7%, 73.7% 285.9, 50.7%, 73.7%
HSV 105.9, 30.6%, 87.1% 285.9, 30.6%, 87.1%
CMYK 23.4%, 0.0%, 30.6%, 12.9% 7.2%, 30.6%, 0.0%, 12.9%
OKLCH 0.8475 0.1065 138.5 0.7583 0.1103 318.1

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

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

テキスト読みやすさ

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

テキスト: #CE9ADE → 背景色: #AADE9A

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

テキスト: #AADE9A → 背景色: #CE9ADE

色差 (Delta E)

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

グラデーション

#AADE9A #B3D3A6 #BAC9B2 #C0BEBD #C6B2C8 #CAA6D3 #CE9ADE

カラーミキシング

#AADE9A

100%

#B7CEAC

75:25

#C0BEBD

50:50

#C8ACCE

25:75

#CE9ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #AADE9A, #CE9ADE);
background: linear-gradient(135deg, #AADE9A, #CE9ADE);

各色を詳しく見る

#AADE9A

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

#CE9ADE

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

関連する比較