#3FDAFF

#3FDAFF

#FF643F

#FF643F

コントラスト比

1.77:1

Delta E

118.17

Very Different

50:50 ミックス

#D1A69D

カラー値

フォーマット #3FDAFF #FF643F
HEX #3FDAFF #FF643F
RGB 63, 218, 255 255, 100, 63
HSL 191.6, 100.0%, 62.4% 11.6, 100.0%, 62.4%
HSV 191.6, 75.3%, 100.0% 11.6, 75.3%, 100.0%
CMYK 75.3%, 14.5%, 0.0%, 0.0% 0.0%, 60.8%, 75.3%, 0.0%
OKLCH 0.8248 0.1339 217.9 0.6966 0.1964 34.7

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF643F → 背景色: #3FDAFF

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

テキスト: #3FDAFF → 背景色: #FF643F

色差 (Delta E)

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

グラデーション

#3FDAFF #8FC9DE #B6B8BD #D1A69D #E4927D #F37D5E #FF643F

カラーミキシング

#3FDAFF

100%

#A5C1CD

75:25

#D1A69D

50:50

#EC886E

25:75

#FF643F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3FDAFF, #FF643F);
background: linear-gradient(135deg, #3FDAFF, #FF643F);

各色を詳しく見る

#3FDAFF

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

#FF643F

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

関連する比較