#61D9DF

#61D9DF

#DF6761

#DF6761

コントラスト比

2.0:1

Delta E

90.2

Very Different

50:50 ミックス

#BCA59E

カラー値

フォーマット #61D9DF #DF6761
HEX #61D9DF #DF6761
RGB 97, 217, 223 223, 103, 97
HSL 182.9, 66.3%, 62.7% 2.9, 66.3%, 62.7%
HSV 182.9, 56.5%, 87.5% 2.9, 56.5%, 87.5%
CMYK 56.5%, 2.7%, 0.0%, 12.5% 0.0%, 53.8%, 56.5%, 12.5%
OKLCH 0.8195 0.1074 199.8 0.6581 0.1514 25.0

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

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF6761 → 背景色: #61D9DF

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

テキスト: #61D9DF → 背景色: #DF6761

色差 (Delta E)

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

グラデーション

#61D9DF #8DC8C9 #A8B7B3 #BCA59E #CB9289 #D67D75 #DF6761

カラーミキシング

#61D9DF

100%

#9BBFBE

75:25

#BCA59E

50:50

#D1887F

25:75

#DF6761

100%

CSSグラデーションコード

background: linear-gradient(to right, #61D9DF, #DF6761);
background: linear-gradient(135deg, #61D9DF, #DF6761);

各色を詳しく見る

#61D9DF

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

#DF6761

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

関連する比較