#999EFD

#999EFD

#FDF899

#FDF899

コントラスト比

2.2:1

Delta E

103.33

Very Different

50:50 ミックス

#D5CACE

カラー値

フォーマット #999EFD #FDF899
HEX #999EFD #FDF899
RGB 153, 158, 253 253, 248, 153
HSL 237.0, 96.2%, 79.6% 57.0, 96.2%, 79.6%
HSV 237.0, 39.5%, 99.2% 57.0, 39.5%, 99.2%
CMYK 39.5%, 37.5%, 0.0%, 0.8% 0.0%, 2.0%, 39.5%, 0.8%
OKLCH 0.7343 0.1367 280.2 0.9626 0.1168 105.8

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF899 → 背景色: #999EFD

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

テキスト: #999EFD → 背景色: #FDF899

色差 (Delta E)

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

グラデーション

#999EFD #B1ACEE #C4BBDE #D5CACE #E4D9BD #F1E8AC #FDF899

カラーミキシング

#999EFD

100%

#BBB3E6

75:25

#D5CACE

50:50

#EAE1B5

25:75

#FDF899

100%

CSSグラデーションコード

background: linear-gradient(to right, #999EFD, #FDF899);
background: linear-gradient(135deg, #999EFD, #FDF899);

各色を詳しく見る

#999EFD

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

#FDF899

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

関連する比較