#76DCDF

#76DCDF

#DF7976

#DF7976

コントラスト比

1.83:1

Delta E

77.07

Very Different

50:50 ミックス

#BEADA9

カラー値

フォーマット #76DCDF #DF7976
HEX #76DCDF #DF7976
RGB 118, 220, 223 223, 121, 118
HSL 181.7, 62.1%, 66.9% 1.7, 62.1%, 66.9%
HSV 181.7, 47.1%, 87.5% 1.7, 47.1%, 87.5%
CMYK 47.1%, 1.3%, 0.0%, 12.5% 0.0%, 45.7%, 47.1%, 12.5%
OKLCH 0.8342 0.0955 198.0 0.6894 0.1273 22.7

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF7976 → 背景色: #76DCDF

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

テキスト: #76DCDF → 背景色: #DF7976

色差 (Delta E)

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

グラデーション

#76DCDF #96CDCD #ADBDBB #BEADA9 #CB9D98 #D68C87 #DF7976

カラーミキシング

#76DCDF

100%

#A2C5C4

75:25

#BEADA9

50:50

#D1948F

25:75

#DF7976

100%

CSSグラデーションコード

background: linear-gradient(to right, #76DCDF, #DF7976);
background: linear-gradient(135deg, #76DCDF, #DF7976);

各色を詳しく見る

#76DCDF

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

#DF7976

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

関連する比較