#44DFB4

#44DFB4

#DF446F

#DF446F

コントラスト比

2.4:1

Delta E

116.04

Very Different

50:50 ミックス

#B59E90

カラー値

フォーマット #44DFB4 #DF446F
HEX #44DFB4 #DF446F
RGB 68, 223, 180 223, 68, 111
HSL 163.4, 70.8%, 57.1% 343.4, 70.8%, 57.1%
HSV 163.4, 69.5%, 87.5% 343.4, 69.5%, 87.5%
CMYK 69.5%, 0.0%, 19.3%, 12.5% 0.0%, 69.5%, 50.2%, 12.5%
OKLCH 0.8127 0.1424 170.2 0.6189 0.1923 8.2

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

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF446F → 背景色: #44DFB4

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

テキスト: #44DFB4 → 背景色: #DF446F

色差 (Delta E)

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

グラデーション

#44DFB4 #7DCAA8 #9EB59C #B59E90 #C68585 #D4697A #DF446F

カラーミキシング

#44DFB4

100%

#8FBFA2

75:25

#B59E90

50:50

#CD777F

25:75

#DF446F

100%

CSSグラデーションコード

background: linear-gradient(to right, #44DFB4, #DF446F);
background: linear-gradient(135deg, #44DFB4, #DF446F);

各色を詳しく見る

#44DFB4

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

#DF446F

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

関連する比較