#2F64CF

#2F64CF

#CF9A2F

#CF9A2F

コントラスト比

2.16:1

Delta E

123.0

Very Different

50:50 ミックス

#A07C86

カラー値

フォーマット #2F64CF #CF9A2F
HEX #2F64CF #CF9A2F
RGB 47, 100, 207 207, 154, 47
HSL 220.1, 63.0%, 49.8% 40.1, 63.0%, 49.8%
HSV 220.1, 77.3%, 81.2% 40.1, 77.3%, 81.2%
CMYK 77.3%, 51.7%, 0.0%, 18.8% 0.0%, 25.6%, 77.3%, 18.8%
OKLCH 0.5291 0.1754 262.3 0.7189 0.1331 80.5

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

2.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF9A2F → 背景色: #2F64CF

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

テキスト: #2F64CF → 背景色: #CF9A2F

色差 (Delta E)

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

グラデーション

#2F64CF #6A6BB7 #89739F #A07C86 #B2866D #C19051 #CF9A2F

カラーミキシング

#2F64CF

100%

#7B6FAB

75:25

#A07C86

50:50

#BA8B60

25:75

#CF9A2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F64CF, #CF9A2F);
background: linear-gradient(135deg, #2F64CF, #CF9A2F);

各色を詳しく見る

#2F64CF

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

#CF9A2F

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

関連する比較