#6899FD

#6899FD

#FDCC68

#FDCC68

コントラスト比

1.85:1

Delta E

112.35

Very Different

50:50 ミックス

#C9B1B6

カラー値

フォーマット #6899FD #FDCC68
HEX #6899FD #FDCC68
RGB 104, 153, 253 253, 204, 104
HSL 220.3, 97.4%, 70.0% 40.3, 97.4%, 70.0%
HSV 220.3, 58.9%, 99.2% 40.3, 58.9%, 99.2%
CMYK 58.9%, 39.5%, 0.0%, 0.8% 0.0%, 19.4%, 58.9%, 0.8%
OKLCH 0.6939 0.1567 263.2 0.8689 0.1301 83.3

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

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCC68 → 背景色: #6899FD

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

テキスト: #6899FD → 背景色: #FDCC68

色差 (Delta E)

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

グラデーション

#6899FD #93A0E6 #B1A8CE #C9B1B6 #DDB99E #EEC384 #FDCC68

カラーミキシング

#6899FD

100%

#A3A4DA

75:25

#C9B1B6

50:50

#E5BE91

25:75

#FDCC68

100%

CSSグラデーションコード

background: linear-gradient(to right, #6899FD, #FDCC68);
background: linear-gradient(135deg, #6899FD, #FDCC68);

各色を詳しく見る

#6899FD

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

#FDCC68

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

関連する比較