#7F9EF2

#7F9EF2

#F2D37F

#F2D37F

コントラスト比

1.78:1

Delta E

93.58

Very Different

50:50 ミックス

#C6B7BB

カラー値

フォーマット #7F9EF2 #F2D37F
HEX #7F9EF2 #F2D37F
RGB 127, 158, 242 242, 211, 127
HSL 223.8, 81.6%, 72.4% 43.8, 81.6%, 72.4%
HSV 223.8, 47.5%, 94.9% 43.8, 47.5%, 94.9%
CMYK 47.5%, 34.7%, 0.0%, 5.1% 0.0%, 12.8%, 47.5%, 5.1%
OKLCH 0.7112 0.1281 267.7 0.8752 0.1092 89.8

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

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

テキスト読みやすさ

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

テキスト: #F2D37F → 背景色: #7F9EF2

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

テキスト: #7F9EF2 → 背景色: #F2D37F

色差 (Delta E)

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

グラデーション

#7F9EF2 #9CA6E0 #B3AECE #C6B7BB #D6C0A8 #E5CA94 #F2D37F

カラーミキシング

#7F9EF2

100%

#A8AAD7

75:25

#C6B7BB

50:50

#DEC59E

25:75

#F2D37F

100%

CSSグラデーションコード

background: linear-gradient(to right, #7F9EF2, #F2D37F);
background: linear-gradient(135deg, #7F9EF2, #F2D37F);

各色を詳しく見る

#7F9EF2

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

#F2D37F

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

関連する比較