#39EBEE

#39EBEE

#EE3C39

#EE3C39

コントラスト比

2.68:1

Delta E

126.51

Very Different

50:50 ミックス

#CAA18F

カラー値

フォーマット #39EBEE #EE3C39
HEX #39EBEE #EE3C39
RGB 57, 235, 238 238, 60, 57
HSL 181.0, 84.2%, 57.8% 1.0, 84.2%, 57.8%
HSV 181.0, 76.1%, 93.3% 1.0, 76.1%, 93.3%
CMYK 76.1%, 1.3%, 0.0%, 6.7% 0.0%, 74.8%, 76.1%, 6.7%
OKLCH 0.8571 0.1358 196.7 0.6267 0.2147 26.7

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

2.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EE3C39 → 背景色: #39EBEE

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

テキスト: #39EBEE → 背景色: #EE3C39

色差 (Delta E)

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

グラデーション

#39EBEE #8CD3CE #B2BBAE #CAA18F #DB8572 #E66655 #EE3C39

カラーミキシング

#39EBEE

100%

#A1C7BE

75:25

#CAA18F

50:50

#E17663

25:75

#EE3C39

100%

CSSグラデーションコード

background: linear-gradient(to right, #39EBEE, #EE3C39);
background: linear-gradient(135deg, #39EBEE, #EE3C39);

各色を詳しく見る

#39EBEE

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

#EE3C39

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

関連する比較