#45C7DF

#45C7DF

#DF5D45

#DF5D45

コントラスト比

1.81:1

Delta E

100.05

Very Different

50:50 ミックス

#B89790

カラー値

フォーマット #45C7DF #DF5D45
HEX #45C7DF #DF5D45
RGB 69, 199, 223 223, 93, 69
HSL 189.4, 70.6%, 57.3% 9.4, 70.6%, 57.3%
HSV 189.4, 69.1%, 87.5% 9.4, 69.1%, 87.5%
CMYK 69.1%, 10.8%, 0.0%, 12.5% 0.0%, 58.3%, 69.1%, 12.5%
OKLCH 0.7691 0.1154 212.4 0.6398 0.1677 32.4

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

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5D45 → 背景色: #45C7DF

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

テキスト: #45C7DF → 背景色: #DF5D45

色差 (Delta E)

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

グラデーション

#45C7DF #81B8C4 #A1A8AA #B89790 #C88676 #D5735E #DF5D45

カラーミキシング

#45C7DF

100%

#93B0B7

75:25

#B89790

50:50

#CF7C6A

25:75

#DF5D45

100%

CSSグラデーションコード

background: linear-gradient(to right, #45C7DF, #DF5D45);
background: linear-gradient(135deg, #45C7DF, #DF5D45);

各色を詳しく見る

#45C7DF

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

#DF5D45

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

関連する比較