#A69FE6

#A69FE6

#DFE69F

#DFE69F

コントラスト比

1.83:1

Delta E

78.38

Very Different

50:50 ミックス

#C7C2C4

カラー値

フォーマット #A69FE6 #DFE69F
HEX #A69FE6 #DFE69F
RGB 166, 159, 230 223, 230, 159
HSL 245.9, 58.7%, 76.3% 65.9, 58.7%, 76.3%
HSV 245.9, 30.9%, 90.2% 65.9, 30.9%, 90.2%
CMYK 27.8%, 30.9%, 0.0%, 9.8% 3.0%, 0.0%, 30.9%, 9.8%
OKLCH 0.7351 0.1018 288.1 0.903 0.0916 112.8

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFE69F → 背景色: #A69FE6

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

テキスト: #A69FE6 → 背景色: #DFE69F

色差 (Delta E)

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

グラデーション

#A69FE6 #B3AADB #BEB6D0 #C7C2C4 #D0CEB8 #D8DAAC #DFE69F

カラーミキシング

#A69FE6

100%

#B8B0D5

75:25

#C7C2C4

50:50

#D4D4B2

25:75

#DFE69F

100%

CSSグラデーションコード

background: linear-gradient(to right, #A69FE6, #DFE69F);
background: linear-gradient(135deg, #A69FE6, #DFE69F);

各色を詳しく見る

#A69FE6

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

#DFE69F

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

関連する比較