#83B2FD

#83B2FD

#FDCE83

#FDCE83

コントラスト比

1.47:1

Delta E

86.46

Very Different

50:50 ミックス

#CFBFC2

カラー値

フォーマット #83B2FD #FDCE83
HEX #83B2FD #FDCE83
RGB 131, 178, 253 253, 206, 131
HSL 216.9, 96.8%, 75.3% 36.9, 96.8%, 75.3%
HSV 216.9, 48.2%, 99.2% 36.9, 48.2%, 99.2%
CMYK 48.2%, 29.6%, 0.0%, 0.8% 0.0%, 18.6%, 48.2%, 0.8%
OKLCH 0.7602 0.1198 259.5 0.8764 0.1071 78.4

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

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCE83 → 背景色: #83B2FD

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

テキスト: #83B2FD → 背景色: #FDCE83

色差 (Delta E)

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

グラデーション

#83B2FD #A2B6E9 #BBBBD6 #CFBFC2 #E0C4AD #EFC999 #FDCE83

カラーミキシング

#83B2FD

100%

#AFB8DF

75:25

#CFBFC2

50:50

#E8C6A3

25:75

#FDCE83

100%

CSSグラデーションコード

background: linear-gradient(to right, #83B2FD, #FDCE83);
background: linear-gradient(135deg, #83B2FD, #FDCE83);

各色を詳しく見る

#83B2FD

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

#FDCE83

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

関連する比較