#74DF90

#74DF90

#DF74C3

#DF74C3

コントラスト比

1.71:1

Delta E

113.65

Very Different

50:50 ミックス

#B7B0AB

カラー値

フォーマット #74DF90 #DF74C3
HEX #74DF90 #DF74C3
RGB 116, 223, 144 223, 116, 195
HSL 135.7, 62.6%, 66.5% 315.7, 62.6%, 66.5%
HSV 135.7, 48.0%, 87.5% 315.7, 48.0%, 87.5%
CMYK 48.0%, 0.0%, 35.4%, 12.5% 0.0%, 48.0%, 12.6%, 12.5%
OKLCH 0.8198 0.1495 150.5 0.7058 0.1627 338.0

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF74C3 → 背景色: #74DF90

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

テキスト: #74DF90 → 背景色: #DF74C3

色差 (Delta E)

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

グラデーション

#74DF90 #90D099 #A6C0A2 #B7B0AB #C69EB3 #D38ABB #DF74C3

カラーミキシング

#74DF90

100%

#9CC89E

75:25

#B7B0AB

50:50

#CD94B7

25:75

#DF74C3

100%

CSSグラデーションコード

background: linear-gradient(to right, #74DF90, #DF74C3);
background: linear-gradient(135deg, #74DF90, #DF74C3);

各色を詳しく見る

#74DF90

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

#DF74C3

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

関連する比較