#64DF5F

#64DF5F

#DA5FDF

#DA5FDF

コントラスト比

1.83:1

Delta E

157.23

Very Different

50:50 ミックス

#B4A9A4

カラー値

フォーマット #64DF5F #DA5FDF
HEX #64DF5F #DA5FDF
RGB 100, 223, 95 218, 95, 223
HSL 117.7, 66.7%, 62.4% 297.7, 66.7%, 62.4%
HSV 117.7, 57.4%, 87.5% 297.7, 57.4%, 87.5%
CMYK 55.2%, 0.0%, 57.4%, 12.5% 2.2%, 57.4%, 0.0%, 12.5%
OKLCH 0.806 0.2016 142.8 0.6848 0.2149 326.1

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

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

テキスト読みやすさ

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

テキスト: #DA5FDF → 背景色: #64DF5F

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

テキスト: #64DF5F → 背景色: #DA5FDF

色差 (Delta E)

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

グラデーション

#64DF5F #88CE78 #A1BC8F #B4A9A4 #C394B8 #D07CCC #DA5FDF

カラーミキシング

#64DF5F

100%

#95C584

75:25

#B4A9A4

50:50

#CA89C2

25:75

#DA5FDF

100%

CSSグラデーションコード

background: linear-gradient(to right, #64DF5F, #DA5FDF);
background: linear-gradient(135deg, #64DF5F, #DA5FDF);

各色を詳しく見る

#64DF5F

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

#DA5FDF

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

関連する比較