#99ACDF

#99ACDF

#DFCC99

#DFCC99

コントラスト比

1.42:1

Delta E

57.28

Very Different

50:50 ミックス

#C1BCBD

カラー値

フォーマット #99ACDF #DFCC99
HEX #99ACDF #DFCC99
RGB 153, 172, 223 223, 204, 153
HSL 223.7, 52.2%, 73.7% 43.7, 52.2%, 73.7%
HSV 223.7, 31.4%, 87.5% 43.7, 31.4%, 87.5%
CMYK 31.4%, 22.9%, 0.0%, 12.5% 0.0%, 8.5%, 31.4%, 12.5%
OKLCH 0.7483 0.0769 268.7 0.8487 0.07 90.0

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFCC99 → 背景色: #99ACDF

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

テキスト: #99ACDF → 背景色: #DFCC99

色差 (Delta E)

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

グラデーション

#99ACDF #A8B1D4 #B5B6C8 #C1BCBD #CCC1B1 #D6C6A5 #DFCC99

カラーミキシング

#99ACDF

100%

#AFB4CE

75:25

#C1BCBD

50:50

#D1C4AB

25:75

#DFCC99

100%

CSSグラデーションコード

background: linear-gradient(to right, #99ACDF, #DFCC99);
background: linear-gradient(135deg, #99ACDF, #DFCC99);

各色を詳しく見る

#99ACDF

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

#DFCC99

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

関連する比較