#35DFDF

#35DFDF

#DF3535

#DF3535

コントラスト比

2.72:1

Delta E

121.75

Very Different

50:50 ミックス

#BE9786

カラー値

フォーマット #35DFDF #DF3535
HEX #35DFDF #DF3535
RGB 53, 223, 223 223, 53, 53
HSL 180.0, 72.6%, 54.1% 0.0, 72.6%, 54.1%
HSV 180.0, 76.2%, 87.5% 0.0, 76.2%, 87.5%
CMYK 76.2%, 0.0%, 0.0%, 12.5% 0.0%, 76.2%, 76.2%, 12.5%
OKLCH 0.8228 0.1309 194.9 0.5946 0.2063 26.2

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

2.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF3535 → 背景色: #35DFDF

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

テキスト: #35DFDF → 背景色: #DF3535

色差 (Delta E)

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

グラデーション

#35DFDF #83C8C1 #A7B0A3 #BE9786 #CD7D6A #D85E4F #DF3535

カラーミキシング

#35DFDF

100%

#97BCB2

75:25

#BE9786

50:50

#D36E5C

25:75

#DF3535

100%

CSSグラデーションコード

background: linear-gradient(to right, #35DFDF, #DF3535);
background: linear-gradient(135deg, #35DFDF, #DF3535);

各色を詳しく見る

#35DFDF

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

#DF3535

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

関連する比較