#66EB72

#66EB72

#EB66DF

#EB66DF

コントラスト比

1.83:1

Delta E

154.0

Very Different

50:50 ミックス

#BEB3AC

カラー値

フォーマット #66EB72 #EB66DF
HEX #66EB72 #EB66DF
RGB 102, 235, 114 235, 102, 223
HSL 125.4, 76.9%, 66.1% 305.4, 76.9%, 66.1%
HSV 125.4, 56.6%, 92.2% 305.4, 56.6%, 92.2%
CMYK 56.6%, 0.0%, 51.5%, 7.8% 0.0%, 56.6%, 5.1%, 7.8%
OKLCH 0.8389 0.2001 145.2 0.7151 0.2145 331.2

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

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

テキスト読みやすさ

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

テキスト: #EB66DF → 背景色: #66EB72

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

テキスト: #66EB72 → 背景色: #EB66DF

色差 (Delta E)

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

グラデーション

#66EB72 #8DD987 #A9C79A #BEB3AC #D09DBE #DE85CE #EB66DF

カラーミキシング

#66EB72

100%

#9CD091

75:25

#BEB3AC

50:50

#D791C6

25:75

#EB66DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #66EB72, #EB66DF);
background: linear-gradient(135deg, #66EB72, #EB66DF);

各色を詳しく見る

#66EB72

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

#EB66DF

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

関連する比較