#75BAF3

#75BAF3

#F3AE75

#F3AE75

コントラスト比

1.1:1

Delta E

78.31

Very Different

50:50 ミックス

#C6B4B4

カラー値

フォーマット #75BAF3 #F3AE75
HEX #75BAF3 #F3AE75
RGB 117, 186, 243 243, 174, 117
HSL 207.1, 84.0%, 70.6% 27.1, 84.0%, 70.6%
HSV 207.1, 51.9%, 95.3% 27.1, 51.9%, 95.3%
CMYK 51.9%, 23.5%, 0.0%, 4.7% 0.0%, 28.4%, 51.9%, 4.7%
OKLCH 0.7654 0.108 244.8 0.804 0.1092 59.9

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3AE75 → 背景色: #75BAF3

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

テキスト: #75BAF3 → 背景色: #F3AE75

色差 (Delta E)

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

グラデーション

#75BAF3 #98B8DE #B1B6C9 #C6B4B4 #D7B2A0 #E6B08B #F3AE75

カラーミキシング

#75BAF3

100%

#A5B7D4

75:25

#C6B4B4

50:50

#DFB195

25:75

#F3AE75

100%

CSSグラデーションコード

background: linear-gradient(to right, #75BAF3, #F3AE75);
background: linear-gradient(135deg, #75BAF3, #F3AE75);

各色を詳しく見る

#75BAF3

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

#F3AE75

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

関連する比較