#4FD6DC

#4FD6DC

#DC554F

#DC554F

コントラスト比

2.2:1

Delta E

100.73

Very Different

50:50 ミックス

#B99C93

カラー値

フォーマット #4FD6DC #DC554F
HEX #4FD6DC #DC554F
RGB 79, 214, 220 220, 85, 79
HSL 182.6, 66.8%, 58.6% 2.6, 66.8%, 58.6%
HSV 182.6, 64.1%, 86.3% 2.6, 64.1%, 86.3%
CMYK 64.1%, 2.7%, 0.0%, 13.7% 0.0%, 61.4%, 64.1%, 13.7%
OKLCH 0.806 0.1153 199.3 0.6264 0.1706 25.8

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DC554F → 背景色: #4FD6DC

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

テキスト: #4FD6DC → 背景色: #DC554F

色差 (Delta E)

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

グラデーション

#4FD6DC #85C3C3 #A4B0AB #B99C93 #C8877C #D37065 #DC554F

カラーミキシング

#4FD6DC

100%

#96BAB7

75:25

#B99C93

50:50

#CE7C70

25:75

#DC554F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4FD6DC, #DC554F);
background: linear-gradient(135deg, #4FD6DC, #DC554F);

各色を詳しく見る

#4FD6DC

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

#DC554F

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

関連する比較