#96F6AD

#96F6AD

#F696DF

#F696DF

コントラスト比

1.55:1

Delta E

102.89

Very Different

50:50 ミックス

#D0CAC7

カラー値

フォーマット #96F6AD #F696DF
HEX #96F6AD #F696DF
RGB 150, 246, 173 246, 150, 223
HSL 134.4, 84.2%, 77.6% 314.4, 84.2%, 77.6%
HSV 134.4, 39.0%, 96.5% 314.4, 39.0%, 96.5%
CMYK 39.0%, 0.0%, 29.7%, 3.5% 0.0%, 39.0%, 9.3%, 3.5%
OKLCH 0.895 0.136 150.6 0.7945 0.1456 336.3

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F696DF → 背景色: #96F6AD

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

テキスト: #96F6AD → 背景色: #F696DF

色差 (Delta E)

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

グラデーション

#96F6AD #ADE8B6 #C0DABF #D0CAC7 #DEBACF #EBA9D7 #F696DF

カラーミキシング

#96F6AD

100%

#B7E1BA

75:25

#D0CAC7

50:50

#E5B2D3

25:75

#F696DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #96F6AD, #F696DF);
background: linear-gradient(135deg, #96F6AD, #F696DF);

各色を詳しく見る

#96F6AD

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

#F696DF

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

関連する比較