#5FDBF6

#5FDBF6

#F67A5F

#F67A5F

コントラスト比

1.65:1

Delta E

95.33

Very Different

50:50 ミックス

#CBAEA9

カラー値

フォーマット #5FDBF6 #F67A5F
HEX #5FDBF6 #F67A5F
RGB 95, 219, 246 246, 122, 95
HSL 190.7, 89.3%, 66.9% 10.7, 89.3%, 66.9%
HSV 190.7, 61.4%, 96.5% 10.7, 61.4%, 96.5%
CMYK 61.4%, 11.0%, 0.0%, 3.5% 0.0%, 50.4%, 61.4%, 3.5%
OKLCH 0.8318 0.1153 214.4 0.7175 0.1579 33.6

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

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F67A5F → 背景色: #5FDBF6

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

テキスト: #5FDBF6 → 背景色: #F67A5F

色差 (Delta E)

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

グラデーション

#5FDBF6 #94CDDC #B4BEC2 #CBAEA9 #DC9E90 #EB8D77 #F67A5F

カラーミキシング

#5FDBF6

100%

#A5C5CF

75:25

#CBAEA9

50:50

#E49683

25:75

#F67A5F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FDBF6, #F67A5F);
background: linear-gradient(135deg, #5FDBF6, #F67A5F);

各色を詳しく見る

#5FDBF6

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

#F67A5F

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

関連する比較