#699AFD

#699AFD

#FDCC69

#FDCC69

コントラスト比

1.83:1

Delta E

111.33

Very Different

50:50 ミックス

#C9B1B7

カラー値

フォーマット #699AFD #FDCC69
HEX #699AFD #FDCC69
RGB 105, 154, 253 253, 204, 105
HSL 220.1, 97.4%, 70.2% 40.1, 97.4%, 70.2%
HSV 220.1, 58.5%, 99.2% 40.1, 58.5%, 99.2%
CMYK 58.5%, 39.1%, 0.0%, 0.8% 0.0%, 19.4%, 58.5%, 0.8%
OKLCH 0.6965 0.1553 263.1 0.8691 0.1293 83.1

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCC69 → 背景色: #699AFD

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

テキスト: #699AFD → 背景色: #FDCC69

色差 (Delta E)

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

グラデーション

#699AFD #94A1E6 #B2A9CE #C9B1B7 #DDBA9E #EEC385 #FDCC69

カラーミキシング

#699AFD

100%

#A4A5DA

75:25

#C9B1B7

50:50

#E6BE92

25:75

#FDCC69

100%

CSSグラデーションコード

background: linear-gradient(to right, #699AFD, #FDCC69);
background: linear-gradient(135deg, #699AFD, #FDCC69);

各色を詳しく見る

#699AFD

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

#FDCC69

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

関連する比較