#AE99DF

#AE99DF

#CADF99

#CADF99

コントラスト比

1.72:1

Delta E

78.6

Very Different

50:50 ミックス

#C0BCBE

カラー値

フォーマット #AE99DF #CADF99
HEX #AE99DF #CADF99
RGB 174, 153, 223 202, 223, 153
HSL 258.0, 52.2%, 73.7% 78.0, 52.2%, 73.7%
HSV 258.0, 31.4%, 87.5% 78.0, 31.4%, 87.5%
CMYK 22.0%, 31.4%, 0.0%, 12.5% 9.4%, 0.0%, 31.4%, 12.5%
OKLCH 0.7272 0.102 297.6 0.8712 0.0943 121.9

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

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CADF99 → 背景色: #AE99DF

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

テキスト: #AE99DF → 背景色: #CADF99

色差 (Delta E)

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

グラデーション

#AE99DF #B5A5D4 #BBB0C9 #C0BCBE #C4C8B2 #C8D3A6 #CADF99

カラーミキシング

#AE99DF

100%

#B8AACF

75:25

#C0BCBE

50:50

#C6CDAC

25:75

#CADF99

100%

CSSグラデーションコード

background: linear-gradient(to right, #AE99DF, #CADF99);
background: linear-gradient(135deg, #AE99DF, #CADF99);

各色を詳しく見る

#AE99DF

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

#CADF99

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

関連する比較