#76DFDF

#76DFDF

#DF7676

#DF7676

コントラスト比

1.92:1

Delta E

79.32

Very Different

50:50 ミックス

#BEAEA9

カラー値

フォーマット #76DFDF #DF7676
HEX #76DFDF #DF7676
RGB 118, 223, 223 223, 118, 118
HSL 180.0, 62.1%, 66.9% 0.0, 62.1%, 66.9%
HSV 180.0, 47.1%, 87.5% 0.0, 47.1%, 87.5%
CMYK 47.1%, 0.0%, 0.0%, 12.5% 0.0%, 47.1%, 47.1%, 12.5%
OKLCH 0.8411 0.0977 195.5 0.6847 0.131 21.1

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

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

テキスト読みやすさ

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

テキスト: #DF7676 → 背景色: #76DFDF

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

テキスト: #76DFDF → 背景色: #DF7676

色差 (Delta E)

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

グラデーション

#76DFDF #97CFCD #ADBFBB #BEAEA9 #CC9C98 #D78A87 #DF7676

カラーミキシング

#76DFDF

100%

#A3C7C4

75:25

#BEAEA9

50:50

#D1938F

25:75

#DF7676

100%

CSSグラデーションコード

background: linear-gradient(to right, #76DFDF, #DF7676);
background: linear-gradient(135deg, #76DFDF, #DF7676);

各色を詳しく見る

#76DFDF

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

#DF7676

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

関連する比較