#4F98AC

#4F98AC

#AC634F

#AC634F

コントラスト比

1.38:1

Delta E

61.52

Very Different

50:50 ミックス

#8E7F7D

カラー値

フォーマット #4F98AC #AC634F
HEX #4F98AC #AC634F
RGB 79, 152, 172 172, 99, 79
HSL 192.9, 37.1%, 49.2% 12.9, 37.1%, 49.2%
HSV 192.9, 54.1%, 67.5% 12.9, 54.1%, 67.5%
CMYK 54.1%, 11.6%, 0.0%, 32.5% 0.0%, 42.4%, 54.1%, 32.5%
OKLCH 0.6404 0.0786 217.9 0.5777 0.0998 36.2

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AC634F → 背景色: #4F98AC

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

テキスト: #4F98AC → 背景色: #AC634F

色差 (Delta E)

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

グラデーション

#4F98AC #6B909C #7F888C #8E7F7D #9A766D #A46D5E #AC634F

カラーミキシング

#4F98AC

100%

#768C94

75:25

#8E7F7D

50:50

#9F7266

25:75

#AC634F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4F98AC, #AC634F);
background: linear-gradient(135deg, #4F98AC, #AC634F);

各色を詳しく見る

#4F98AC

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

#AC634F

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

関連する比較