#679EF4

#679EF4

#F4BD67

#F4BD67

コントラスト比

1.59:1

Delta E

100.15

Very Different

50:50 ミックス

#C2ACB0

カラー値

フォーマット #679EF4 #F4BD67
HEX #679EF4 #F4BD67
RGB 103, 158, 244 244, 189, 103
HSL 216.6, 86.5%, 68.0% 36.6, 86.5%, 68.0%
HSV 216.6, 57.8%, 95.7% 36.6, 57.8%, 95.7%
CMYK 57.8%, 35.2%, 0.0%, 4.3% 0.0%, 22.5%, 57.8%, 4.3%
OKLCH 0.6989 0.1398 259.0 0.8311 0.1215 76.9

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

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4BD67 → 背景色: #679EF4

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

テキスト: #679EF4 → 背景色: #F4BD67

色差 (Delta E)

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

グラデーション

#679EF4 #90A2DD #ACA7C7 #C2ACB0 #D5B299 #E5B781 #F4BD67

カラーミキシング

#679EF4

100%

#9FA5D2

75:25

#C2ACB0

50:50

#DEB48D

25:75

#F4BD67

100%

CSSグラデーションコード

background: linear-gradient(to right, #679EF4, #F4BD67);
background: linear-gradient(135deg, #679EF4, #F4BD67);

各色を詳しく見る

#679EF4

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

#F4BD67

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

関連する比較