#28DFDF

#28DFDF

#DF2828

#DF2828

コントラスト比

2.84:1

Delta E

128.31

Very Different

50:50 ミックス

#BF957F

カラー値

フォーマット #28DFDF #DF2828
HEX #28DFDF #DF2828
RGB 40, 223, 223 223, 40, 40
HSL 180.0, 74.1%, 51.6% 0.0, 74.1%, 51.6%
HSV 180.0, 82.1%, 87.5% 0.0, 82.1%, 87.5%
CMYK 82.1%, 0.0%, 0.0%, 12.5% 0.0%, 82.1%, 82.1%, 12.5%
OKLCH 0.8209 0.1344 194.9 0.5839 0.2165 27.2

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

2.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF2828 → 背景色: #28DFDF

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

テキスト: #28DFDF → 背景色: #DF2828

色差 (Delta E)

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

グラデーション

#28DFDF #82C7BE #A7AE9E #BF957F #CE7961 #D85844 #DF2828

カラーミキシング

#28DFDF

100%

#97BBAE

75:25

#BF957F

50:50

#D46953

25:75

#DF2828

100%

CSSグラデーションコード

background: linear-gradient(to right, #28DFDF, #DF2828);
background: linear-gradient(135deg, #28DFDF, #DF2828);

各色を詳しく見る

#28DFDF

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

#DF2828

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

関連する比較