#9EBADE

#9EBADE

#DEC29E

#DEC29E

コントラスト比

1.17:1

Delta E

43.64

Very Different

50:50 ミックス

#C2BEBE

カラー値

フォーマット #9EBADE #DEC29E
HEX #9EBADE #DEC29E
RGB 158, 186, 222 222, 194, 158
HSL 213.8, 49.2%, 74.5% 33.7, 49.2%, 74.5%
HSV 213.8, 28.8%, 87.1% 33.7, 28.8%, 87.1%
CMYK 28.8%, 16.2%, 0.0%, 12.9% 0.0%, 12.6%, 28.8%, 12.9%
OKLCH 0.7804 0.0601 254.8 0.8289 0.0577 73.8

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DEC29E → 背景色: #9EBADE

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

テキスト: #9EBADE → 背景色: #DEC29E

色差 (Delta E)

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

グラデーション

#9EBADE #ABBBD3 #B7BDC9 #C2BEBE #CCBFB4 #D5C1A9 #DEC29E

カラーミキシング

#9EBADE

100%

#B2BCCE

75:25

#C2BEBE

50:50

#D1C0AE

25:75

#DEC29E

100%

CSSグラデーションコード

background: linear-gradient(to right, #9EBADE, #DEC29E);
background: linear-gradient(135deg, #9EBADE, #DEC29E);

各色を詳しく見る

#9EBADE

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

#DEC29E

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

関連する比較