#71D9DA

#71D9DA

#DA7271

#DA7271

コントラスト比

1.91:1

Delta E

78.85

Very Different

50:50 ミックス

#BAA9A4

カラー値

フォーマット #71D9DA #DA7271
HEX #71D9DA #DA7271
RGB 113, 217, 218 218, 114, 113
HSL 180.6, 58.7%, 64.9% 0.6, 58.7%, 64.9%
HSV 180.6, 48.2%, 85.5% 0.6, 48.2%, 85.5%
CMYK 48.2%, 0.5%, 0.0%, 14.5% 0.0%, 47.7%, 48.2%, 14.5%
OKLCH 0.8237 0.0969 196.3 0.6707 0.1305 21.7

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

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA7271 → 背景色: #71D9DA

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

テキスト: #71D9DA → 背景色: #DA7271

色差 (Delta E)

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

グラデーション

#71D9DA #92C9C8 #A9B9B6 #BAA9A4 #C79893 #D28682 #DA7271

カラーミキシング

#71D9DA

100%

#9EC1BF

75:25

#BAA9A4

50:50

#CD8F8A

25:75

#DA7271

100%

CSSグラデーションコード

background: linear-gradient(to right, #71D9DA, #DA7271);
background: linear-gradient(135deg, #71D9DA, #DA7271);

各色を詳しく見る

#71D9DA

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

#DA7271

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

関連する比較