#39E7E3

#39E7E3

#E7393D

#E7393D

コントラスト比

2.72:1

Delta E

123.43

Very Different

50:50 ミックス

#C39E8C

カラー値

フォーマット #39E7E3 #E7393D
HEX #39E7E3 #E7393D
RGB 57, 231, 227 231, 57, 61
HSL 178.6, 78.4%, 56.5% 358.6, 78.4%, 56.5%
HSV 178.6, 75.3%, 90.6% 358.6, 75.3%, 90.6%
CMYK 75.3%, 0.0%, 1.7%, 9.4% 0.0%, 75.3%, 73.6%, 9.4%
OKLCH 0.8439 0.1342 192.5 0.6127 0.2099 24.9

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

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

テキスト読みやすさ

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

テキスト: #E7393D → 背景色: #39E7E3

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

テキスト: #39E7E3 → 背景色: #E7393D

色差 (Delta E)

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

グラデーション

#39E7E3 #87CFC5 #ACB7A8 #C39E8C #D48271 #DF6356 #E7393D

カラーミキシング

#39E7E3

100%

#9CC3B7

75:25

#C39E8C

50:50

#DA7363

25:75

#E7393D

100%

CSSグラデーションコード

background: linear-gradient(to right, #39E7E3, #E7393D);
background: linear-gradient(135deg, #39E7E3, #E7393D);

各色を詳しく見る

#39E7E3

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

#E7393D

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

関連する比較