#45DFAB

#45DFAB

#DF4579

#DF4579

コントラスト比

2.35:1

Delta E

118.6

Very Different

50:50 ミックス

#B39E91

カラー値

フォーマット #45DFAB #DF4579
HEX #45DFAB #DF4579
RGB 69, 223, 171 223, 69, 121
HSL 159.7, 70.6%, 57.3% 339.7, 70.6%, 57.3%
HSV 159.7, 69.1%, 87.5% 339.7, 69.1%, 87.5%
CMYK 69.1%, 0.0%, 23.3%, 12.5% 0.0%, 69.1%, 45.7%, 12.5%
OKLCH 0.8107 0.1484 166.0 0.6226 0.1933 4.2

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

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4579 → 背景色: #45DFAB

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

テキスト: #45DFAB → 背景色: #DF4579

色差 (Delta E)

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

グラデーション

#45DFAB #7DCAA2 #9CB59A #B39E91 #C58689 #D36A81 #DF4579

カラーミキシング

#45DFAB

100%

#8EC09E

75:25

#B39E91

50:50

#CD7885

25:75

#DF4579

100%

CSSグラデーションコード

background: linear-gradient(to right, #45DFAB, #DF4579);
background: linear-gradient(135deg, #45DFAB, #DF4579);

各色を詳しく見る

#45DFAB

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

#DF4579

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

関連する比較