#5FDF73

#5FDF73

#DF5FCB

#DF5FCB

コントラスト比

1.85:1

Delta E

143.02

Very Different

50:50 ミックス

#B4A9A2

カラー値

フォーマット #5FDF73 #DF5FCB
HEX #5FDF73 #DF5FCB
RGB 95, 223, 115 223, 95, 203
HSL 129.4, 66.7%, 62.4% 309.4, 66.7%, 62.4%
HSV 129.4, 57.4%, 87.5% 309.4, 57.4%, 87.5%
CMYK 57.4%, 0.0%, 48.4%, 12.5% 0.0%, 57.4%, 9.0%, 12.5%
OKLCH 0.8069 0.1866 146.6 0.6817 0.2016 334.0

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

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5FCB → 背景色: #5FDF73

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

テキスト: #5FDF73 → 背景色: #DF5FCB

色差 (Delta E)

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

グラデーション

#5FDF73 #85CE84 #9FBC94 #B4A9A2 #C594B0 #D37CBE #DF5FCB

カラーミキシング

#5FDF73

100%

#93C58C

75:25

#B4A9A2

50:50

#CC89B7

25:75

#DF5FCB

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FDF73, #DF5FCB);
background: linear-gradient(135deg, #5FDF73, #DF5FCB);

各色を詳しく見る

#5FDF73

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

#DF5FCB

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

関連する比較