#2ECCCC

#2ECCCC

#CC2E2E

#CC2E2E

コントラスト比

2.66:1

Delta E

114.76

Very Different

50:50 ミックス

#AD8A79

カラー値

フォーマット #2ECCCC #CC2E2E
HEX #2ECCCC #CC2E2E
RGB 46, 204, 204 204, 46, 46
HSL 180.0, 63.2%, 49.0% 0.0, 63.2%, 49.0%
HSV 180.0, 77.5%, 80.0% 0.0, 77.5%, 80.0%
CMYK 77.5%, 0.0%, 0.0%, 20.0% 0.0%, 77.5%, 77.5%, 20.0%
OKLCH 0.7693 0.1229 194.9 0.5546 0.1944 26.3

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

2.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CC2E2E → 背景色: #2ECCCC

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

テキスト: #2ECCCC → 背景色: #CC2E2E

色差 (Delta E)

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

グラデーション

#2ECCCC #77B7B0 #98A194 #AD8A79 #BC715F #C55546 #CC2E2E

カラーミキシング

#2ECCCC

100%

#8AACA2

75:25

#AD8A79

50:50

#C16453

25:75

#CC2E2E

100%

CSSグラデーションコード

background: linear-gradient(to right, #2ECCCC, #CC2E2E);
background: linear-gradient(135deg, #2ECCCC, #CC2E2E);

各色を詳しく見る

#2ECCCC

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

#CC2E2E

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

関連する比較