#61D8DF

#61D8DF

#DF6861

#DF6861

コントラスト比

1.97:1

Delta E

89.56

Very Different

50:50 ミックス

#BBA49E

カラー値

フォーマット #61D8DF #DF6861
HEX #61D8DF #DF6861
RGB 97, 216, 223 223, 104, 97
HSL 183.3, 66.3%, 62.7% 3.3, 66.3%, 62.7%
HSV 183.3, 56.5%, 87.5% 3.3, 56.5%, 87.5%
CMYK 56.5%, 3.1%, 0.0%, 12.5% 0.0%, 53.4%, 56.5%, 12.5%
OKLCH 0.8172 0.1068 200.6 0.6595 0.1503 25.4

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

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF6861 → 背景色: #61D8DF

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

テキスト: #61D8DF → 背景色: #DF6861

色差 (Delta E)

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

グラデーション

#61D8DF #8CC7C9 #A8B6B3 #BBA49E #CA9289 #D67E75 #DF6861

カラーミキシング

#61D8DF

100%

#9BBFBE

75:25

#BBA49E

50:50

#D1887F

25:75

#DF6861

100%

CSSグラデーションコード

background: linear-gradient(to right, #61D8DF, #DF6861);
background: linear-gradient(135deg, #61D8DF, #DF6861);

各色を詳しく見る

#61D8DF

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

#DF6861

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

関連する比較