#3FEEE9

#3FEEE9

#EE3F44

#EE3F44

コントラスト比

2.69:1

Delta E

123.97

Very Different

50:50 ミックス

#C9A493

カラー値

フォーマット #3FEEE9 #EE3F44
HEX #3FEEE9 #EE3F44
RGB 63, 238, 233 238, 63, 68
HSL 178.3, 83.7%, 59.0% 358.3, 83.7%, 59.0%
HSV 178.3, 73.5%, 93.3% 358.3, 73.5%, 93.3%
CMYK 73.5%, 0.0%, 2.1%, 6.7% 0.0%, 73.5%, 71.4%, 6.7%
OKLCH 0.8635 0.1361 192.0 0.6306 0.2111 24.3

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

2.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EE3F44 → 背景色: #3FEEE9

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

テキスト: #3FEEE9 → 背景色: #EE3F44

色差 (Delta E)

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

グラデーション

#3FEEE9 #8CD6CB #B1BDAF #C9A493 #DA8877 #E6685D #EE3F44

カラーミキシング

#3FEEE9

100%

#A1CABD

75:25

#C9A493

50:50

#E0796A

25:75

#EE3F44

100%

CSSグラデーションコード

background: linear-gradient(to right, #3FEEE9, #EE3F44);
background: linear-gradient(135deg, #3FEEE9, #EE3F44);

各色を詳しく見る

#3FEEE9

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

#EE3F44

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

関連する比較