#73D9DA

#73D9DA

#DA7473

#DA7473

コントラスト比

1.88:1

Delta E

77.37

Very Different

50:50 ミックス

#BAAAA5

カラー値

フォーマット #73D9DA #DA7473
HEX #73D9DA #DA7473
RGB 115, 217, 218 218, 116, 115
HSL 180.6, 58.2%, 65.3% 0.6, 58.2%, 65.3%
HSV 180.6, 47.2%, 85.5% 0.6, 47.2%, 85.5%
CMYK 47.2%, 0.5%, 0.0%, 14.5% 0.0%, 46.8%, 47.2%, 14.5%
OKLCH 0.8245 0.0955 196.3 0.6743 0.1278 21.6

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

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA7473 → 背景色: #73D9DA

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

テキスト: #73D9DA → 背景色: #DA7473

色差 (Delta E)

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

グラデーション

#73D9DA #93CAC8 #A9BAB6 #BAAAA5 #C79994 #D28783 #DA7473

カラーミキシング

#73D9DA

100%

#9FC2BF

75:25

#BAAAA5

50:50

#CD908C

25:75

#DA7473

100%

CSSグラデーションコード

background: linear-gradient(to right, #73D9DA, #DA7473);
background: linear-gradient(135deg, #73D9DA, #DA7473);

各色を詳しく見る

#73D9DA

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

#DA7473

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

関連する比較