#84DFDF

#84DFDF

#DF8484

#DF8484

コントラスト比

1.75:1

Delta E

68.94

Very Different

50:50 ミックス

#C0B4B0

カラー値

フォーマット #84DFDF #DF8484
HEX #84DFDF #DF8484
RGB 132, 223, 223 223, 132, 132
HSL 180.0, 58.7%, 69.6% 0.0, 58.7%, 69.6%
HSV 180.0, 40.8%, 87.5% 0.0, 40.8%, 87.5%
CMYK 40.8%, 0.0%, 0.0%, 12.5% 0.0%, 40.8%, 40.8%, 12.5%
OKLCH 0.8471 0.0873 195.6 0.7103 0.1123 20.2

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

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF8484 → 背景色: #84DFDF

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

テキスト: #84DFDF → 背景色: #DF8484

色差 (Delta E)

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

グラデーション

#84DFDF #9ED1CF #B1C2C0 #C0B4B0 #CDA5A1 #D79593 #DF8484

カラーミキシング

#84DFDF

100%

#A8CAC7

75:25

#C0B4B0

50:50

#D29D9A

25:75

#DF8484

100%

CSSグラデーションコード

background: linear-gradient(to right, #84DFDF, #DF8484);
background: linear-gradient(135deg, #84DFDF, #DF8484);

各色を詳しく見る

#84DFDF

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

#DF8484

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

関連する比較