#AFD69F

#AFD69F

#C69FD6

#C69FD6

コントラスト比

1.39:1

Delta E

66.52

Very Different

50:50 ミックス

#BDBBBB

カラー値

フォーマット #AFD69F #C69FD6
HEX #AFD69F #C69FD6
RGB 175, 214, 159 198, 159, 214
HSL 102.5, 40.1%, 73.1% 282.5, 40.1%, 73.1%
HSV 102.5, 25.7%, 83.9% 282.5, 25.7%, 83.9%
CMYK 18.2%, 0.0%, 25.7%, 16.1% 7.5%, 25.7%, 0.0%, 16.1%
OKLCH 0.8339 0.0854 136.7 0.7563 0.088 316.0

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C69FD6 → 背景色: #AFD69F

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

テキスト: #AFD69F → 背景色: #C69FD6

色差 (Delta E)

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

グラデーション

#AFD69F #B4CDA9 #B9C4B2 #BDBBBB #C1B2C4 #C4A9CD #C69FD6

カラーミキシング

#AFD69F

100%

#B7C9AD

75:25

#BDBBBB

50:50

#C2ADC9

25:75

#C69FD6

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD69F, #C69FD6);
background: linear-gradient(135deg, #AFD69F, #C69FD6);

各色を詳しく見る

#AFD69F

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

#C69FD6

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

関連する比較