#599BFC

#599BFC

#FCBA59

#FCBA59

コントラスト比

1.64:1

Delta E

113.04

Very Different

50:50 ミックス

#C6A9AE

カラー値

フォーマット #599BFC #FCBA59
HEX #599BFC #FCBA59
RGB 89, 155, 252 252, 186, 89
HSL 215.7, 96.4%, 66.9% 35.7, 96.4%, 66.9%
HSV 215.7, 64.7%, 98.8% 35.7, 64.7%, 98.8%
CMYK 64.7%, 38.5%, 0.0%, 1.2% 0.0%, 26.2%, 64.7%, 1.2%
OKLCH 0.6906 0.1587 258.0 0.8322 0.136 74.4

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

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FCBA59 → 背景色: #599BFC

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

テキスト: #599BFC → 背景色: #FCBA59

色差 (Delta E)

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

グラデーション

#599BFC #8D9FE2 #ADA4C8 #C6A9AE #DBAE94 #ECB478 #FCBA59

カラーミキシング

#599BFC

100%

#9EA2D5

75:25

#C6A9AE

50:50

#E4B186

25:75

#FCBA59

100%

CSSグラデーションコード

background: linear-gradient(to right, #599BFC, #FCBA59);
background: linear-gradient(135deg, #599BFC, #FCBA59);

各色を詳しく見る

#599BFC

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

#FCBA59

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

関連する比較