#68C2FD

#68C2FD

#FDA368

#FDA368

コントラスト比

1.01:1

Delta E

89.66

Very Different

50:50 ミックス

#CCB3B3

カラー値

フォーマット #68C2FD #FDA368
HEX #68C2FD #FDA368
RGB 104, 194, 253 253, 163, 104
HSL 203.8, 97.4%, 70.0% 23.8, 97.4%, 70.0%
HSV 203.8, 58.9%, 99.2% 23.8, 58.9%, 99.2%
CMYK 58.9%, 23.3%, 0.0%, 0.8% 0.0%, 35.6%, 58.9%, 0.8%
OKLCH 0.7817 0.1208 239.6 0.7937 0.1306 53.0

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

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDA368 → 背景色: #68C2FD

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

テキスト: #68C2FD → 背景色: #FDA368

色差 (Delta E)

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

グラデーション

#68C2FD #96BDE4 #B4B8CB #CCB3B3 #DFAE9A #EFA981 #FDA368

カラーミキシング

#68C2FD

100%

#A6BBD8

75:25

#CCB3B3

50:50

#E7AB8E

25:75

#FDA368

100%

CSSグラデーションコード

background: linear-gradient(to right, #68C2FD, #FDA368);
background: linear-gradient(135deg, #68C2FD, #FDA368);

各色を詳しく見る

#68C2FD

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

#FDA368

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

関連する比較