#6CD3CC

#6CD3CC

#D36C73

#D36C73

コントラスト比

1.92:1

Delta E

78.41

Very Different

50:50 ミックス

#B3A39E

カラー値

フォーマット #6CD3CC #D36C73
HEX #6CD3CC #D36C73
RGB 108, 211, 204 211, 108, 115
HSL 175.9, 53.9%, 62.5% 355.9, 53.9%, 62.5%
HSV 175.9, 48.8%, 82.7% 355.9, 48.8%, 82.7%
CMYK 48.8%, 0.0%, 3.3%, 17.3% 0.0%, 48.8%, 45.5%, 17.3%
OKLCH 0.8032 0.0969 189.6 0.6526 0.1297 17.1

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D36C73 → 背景色: #6CD3CC

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

テキスト: #6CD3CC → 背景色: #D36C73

色差 (Delta E)

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

グラデーション

#6CD3CC #8CC3BC #A2B4AD #B3A39E #C0928F #CA8081 #D36C73

カラーミキシング

#6CD3CC

100%

#98BCB5

75:25

#B3A39E

50:50

#C58988

25:75

#D36C73

100%

CSSグラデーションコード

background: linear-gradient(to right, #6CD3CC, #D36C73);
background: linear-gradient(135deg, #6CD3CC, #D36C73);

各色を詳しく見る

#6CD3CC

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

#D36C73

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

関連する比較