#97BCFD

#97BCFD

#FDD897

#FDD897

コントラスト比

1.41:1

Delta E

73.85

Very Different

50:50 ミックス

#D4C9CB

カラー値

フォーマット #97BCFD #FDD897
HEX #97BCFD #FDD897
RGB 151, 188, 253 253, 216, 151
HSL 218.2, 96.2%, 79.2% 38.2, 96.2%, 79.2%
HSV 218.2, 40.3%, 99.2% 38.2, 40.3%, 99.2%
CMYK 40.3%, 25.7%, 0.0%, 0.8% 0.0%, 14.6%, 40.3%, 0.8%
OKLCH 0.7927 0.1014 261.4 0.8989 0.0919 81.2

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

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDD897 → 背景色: #97BCFD

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

テキスト: #97BCFD → 背景色: #FDD897

色差 (Delta E)

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

グラデーション

#97BCFD #AFC0EC #C3C5DC #D4C9CB #E3CEBA #F1D3A9 #FDD897

カラーミキシング

#97BCFD

100%

#B9C2E4

75:25

#D4C9CB

50:50

#EAD1B2

25:75

#FDD897

100%

CSSグラデーションコード

background: linear-gradient(to right, #97BCFD, #FDD897);
background: linear-gradient(135deg, #97BCFD, #FDD897);

各色を詳しく見る

#97BCFD

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

#FDD897

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

関連する比較