#83DFB5

#83DFB5

#DF83AD

#DF83AD

コントラスト比

1.65:1

Delta E

81.5

Very Different

50:50 ミックス

#BCB5B1

カラー値

フォーマット #83DFB5 #DF83AD
HEX #83DFB5 #DF83AD
RGB 131, 223, 181 223, 131, 173
HSL 152.6, 59.0%, 69.4% 332.6, 59.0%, 69.4%
HSV 152.6, 41.3%, 87.5% 332.6, 41.3%, 87.5%
CMYK 41.3%, 0.0%, 18.8%, 12.5% 0.0%, 41.3%, 22.4%, 12.5%
OKLCH 0.8346 0.1073 163.2 0.7203 0.1232 351.8

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

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF83AD → 背景色: #83DFB5

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

テキスト: #83DFB5 → 背景色: #DF83AD

色差 (Delta E)

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

グラデーション

#83DFB5 #9AD1B4 #ACC3B3 #BCB5B1 #C9A5B0 #D595AE #DF83AD

カラーミキシング

#83DFB5

100%

#A4CAB3

75:25

#BCB5B1

50:50

#CF9DAF

25:75

#DF83AD

100%

CSSグラデーションコード

background: linear-gradient(to right, #83DFB5, #DF83AD);
background: linear-gradient(135deg, #83DFB5, #DF83AD);

各色を詳しく見る

#83DFB5

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

#DF83AD

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

関連する比較