#689BFC

#689BFC

#FCC968

#FCC968

コントラスト比

1.78:1

Delta E

109.73

Very Different

50:50 ミックス

#C8B0B5

カラー値

フォーマット #689BFC #FCC968
HEX #689BFC #FCC968
RGB 104, 155, 252 252, 201, 104
HSL 219.3, 96.1%, 69.8% 39.3, 96.1%, 69.8%
HSV 219.3, 58.7%, 98.8% 39.3, 58.7%, 98.8%
CMYK 58.7%, 38.5%, 0.0%, 1.2% 0.0%, 20.2%, 58.7%, 1.2%
OKLCH 0.6975 0.1532 262.2 0.8622 0.1284 81.7

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

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FCC968 → 背景色: #689BFC

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

テキスト: #689BFC → 背景色: #FCC968

色差 (Delta E)

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

グラデーション

#689BFC #93A2E5 #B1A9CD #C8B0B5 #DCB89D #EDC084 #FCC968

カラーミキシング

#689BFC

100%

#A3A5D9

75:25

#C8B0B5

50:50

#E5BC91

25:75

#FCC968

100%

CSSグラデーションコード

background: linear-gradient(to right, #689BFC, #FCC968);
background: linear-gradient(135deg, #689BFC, #FCC968);

各色を詳しく見る

#689BFC

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

#FCC968

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

関連する比較