#20BFDF

#20BFDF

#DF4020

#DF4020

コントラスト比

1.96:1

Delta E

119.93

Very Different

50:50 ミックス

#B8897E

カラー値

フォーマット #20BFDF #DF4020
HEX #20BFDF #DF4020
RGB 32, 191, 223 223, 64, 32
HSL 190.1, 74.9%, 50.0% 10.1, 74.9%, 50.0%
HSV 190.1, 85.7%, 87.5% 10.1, 85.7%, 87.5%
CMYK 85.7%, 14.3%, 0.0%, 12.5% 0.0%, 71.3%, 85.7%, 12.5%
OKLCH 0.7432 0.1271 216.2 0.6025 0.2007 33.1

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

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4020 → 背景色: #20BFDF

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

テキスト: #20BFDF → 背景色: #DF4020

色差 (Delta E)

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

グラデーション

#20BFDF #7BAEBE #A09C9E #B8897E #C9755F #D65E40 #DF4020

カラーミキシング

#20BFDF

100%

#90A5AE

75:25

#B8897E

50:50

#D06A50

25:75

#DF4020

100%

CSSグラデーションコード

background: linear-gradient(to right, #20BFDF, #DF4020);
background: linear-gradient(135deg, #20BFDF, #DF4020);

各色を詳しく見る

#20BFDF

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

#DF4020

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

関連する比較